/* Framework.CSS*/
/*

    Template Name:      Enabled Mobile & Tablet Templates
    Theme URL:          http://enableds.com
    Author:             Enabled
    Author URI:         http://themeforest.net/user/Enabled?ref=Enabled 
    Author Facebook:    https://www.facebook.com/enabled.labs
    Author Twitter:     https://twitter.com/iEnabled
    Version:            6.0
    License:            Regular or Extended via ThemeForest
    Plugin Licenses:    GPL / MIT - Redistribution Allowed
    Structure:          Each chapter from the structure can be located using 
                        CTRL + F ( Windows ) or CMD + F ( Mac ) The titles are
                        copy pasted as they are in the code. 
    
    Description:        The framework is built into one single CSS file to allow the template
                        universal, fast access to all the items. As -webkit- browsers cache the
                        CSS on load, this asures best loading times on all platforms and at the
                        same time asures you will find everything you need in one single place. 

                        The style.css is built for individual features of templates. All the core
                        elements of the CSS are located in framework.css and chaptered as added
                        below. 

                        Please Note! Not following the structure presented in the documentation
                        or altering the framework.css without proper experience can lead to the 
                        item malfunctioning. We are not responsible for any edits you make outside
                        the as is item. All features of this CSS are explained in the second help
                        documentation file provided in the pack with the item purchased!

    Structure:
                        
    01. Reset 
    02. Typography
    03. Background and Text Colors
    04. Heading Settings
    05. Lists and Font Icon Lists
    06. Table Settings
    07. Checkbox and Radios
    08. Image and Video Settings
    09. Content Classes and Responsive Settings
    10. Animated Back to Top Badge
    11. Share Bottom
    12. Dropcaps
    13. Blockquotes and Reviews
    14. Mobile Style Switches
    15. Toggles
    16. Accordion
    17. Tabs
    18. Notifications
    19. Device Detection
    20. Buttons
    21. Login Buttons
    22. Galleries
    23. Filter Portfolio
    24. Adaptive Portfolio
    25. One Item Portfolio
    26. Two Item Portfolio
    27. Portfolio Wide
    28. Filter Portfolio
    29. Calendar Design
    30. Charts
    31. Profile Page
    32. Activity Page
    33. Fullscreen Pages
    34. Page Login
    35. Pageapp Login
    36. Coverpage Slider
    37. Tasklists
    38. Checklists
    39. Reminders
    40. Timeline 1
    41. Timeline 2
    42. Store Template
    43. Sitemap Page
    44. News Elements
    45. Blog Template
    46. Full Map
    47. Page Contact
    48. Sidebar Settings
    49. Swiper Plugin
    50. Swipebox Plugin
*/

/*----Reset----*/ 
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
	font-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translate3d(1,1,1);
    transform:translate3d(1,1,1);    
}

*:focus {
	outline: none;
}

*,*:after,*:before {	
    -webkit-box-sizing: border-box;	
    -moz-box-sizing: border-box;	
    box-sizing: border-box;	
    padding: 0;	
    margin: 0;
}

body {
	margin: 0;
	padding: 0;
	overflow-x:hidden;
}

a{
-webkit-transition: all 250ms ease;
   -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
     -o-transition: all 250ms ease;
        transition: all 250ms ease;    
}

::selection {
	background-color:#CCC;
	color: #000;
}

div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre {
	display: block;
	position:relative;
}

textarea, input { outline: none; }

input {
    border-radius: 0!important;
    -webkit-border-radius:0px!important;
    display:inline-block;
}

textarea {
    -webkit-appearance: none!important;
    border-radius: 0!important;
    -webkit-border-radius:0px!important;
}

/*----Typography----*/ 

p {
	line-height: 30px;
	margin-bottom: 30px;
	font-size:14px;
}

p > a {
	display: inline;
	text-decoration: none;
}

p > a:hover {
	text-decoration: underline;
}

p > span {
	display: inline;
}

p strong{
    font-size:15px;
    color:#1f1f1f;
}

span > a {
	display: inline;
}

a > span {
	display: inline;
}

a {
    color:#2980b9;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

strong a, em a{
    display:inline;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
	display: inline;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	background-color: #f6f6f6;
	border-left: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	width: 100%;
	clear: both;
	margin-bottom: 27px;
}

thead {}

th {
	vertical-align: middle;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	font-weight: bold;
	color: #555;
	background-color: #f6f6f6;
}

tr {
	line-height: 18px;
}

td {
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	color: #666;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 18px;
	vertical-align: middle;
	background-color: #fdfdfd;
}

tr:hover > td {
	background: #fff;
}

ul {
	margin-bottom: 30px;
}

ul ul{
    margin-bottom:5px;
}

ol ol{
    margin-bottom:5px;
}

ol {
	margin-bottom: 30px;
}
li {
	line-height: 24px;
	margin-bottom:5px;
}
ol > li:last-child, ul > li:last-child {
    margin-bottom:0px;	
}

textarea{
    font-family:'Roboto', sans-serif;
}

/*---Background and text colors and hovers---*/

.bg-teal-light{ background-color: #1abc9c!important; color:#FFFFFF;}
.bg-teal-dark{  background-color: #16a085!important; color:#FFFFFF;}
.border-teal-light{ border:solid 1px #1abc9c;}
.border-teal-dark{  border:solid 1px #16a085;}
.bg-hover-teal-light:hover{ background-color: #1abc9c!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-teal-dark:hover{  background-color: #16a085!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-teal-light{ color: #1abc9c;}
.color-teal-dark{  color: #16a085;}

.bg-green-light{background-color: #2ecc71!important; color:#FFFFFF;}
.bg-green-dark{background-color: #2abb67!important; color:#FFFFFF;}
.border-green-light{border:solid 1px #2ecc71;}
.border-green-dark{ border:solid 1px #2abb67;}
.bg-hover-green-light:hover{background-color: #2ecc71!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-green-dark:hover{background-color: #2abb67!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-green-light{color: #2ecc71;}
.color-green-dark{color: #2abb67;}

.bg-blue-light{background-color: #3498db!important; color:#FFFFFF;}
.bg-blue-dark{background-color: #2980b9!important; color:#FFFFFF;}
.border-blue-light{border:solid 1px #3498db;}
.border-blue-dark{ border:solid 1px #2980b9;}
.bg-hover-blue-light:hover{background-color: #3498db!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-blue-dark:hover{background-color: #2980b9!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-blue-light{color: #3498db;}
.color-blue-dark{color: #2980b9;}

.bg-magenta-light{background-color: #9b59b6!important; color:#FFFFFF;}
.bg-magenta-dark{background-color: #8e44ad!important; color:#FFFFFF;}
.border-magenta-light{border-bottom:solid 1px #9b59b6;}
.border-magenta-dark{ border-bottom:solid 1px #8e44ad;}
.bg-hover-magenta-light:hover{background-color: #9b59b6!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-magenta-dark:hover{background-color: #8e44ad!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-magenta-light{color: #9b59b6;}
.color-magenta-dark{color: #8e44ad;}

.bg-night-light{background-color: #34495e!important; color:#FFFFFF;}
.bg-night-dark{background-color: #2c3e50!important; color:#FFFFFF;}
.border-night-light{border-bottom:solid 1px #34495e;}
.border-night-dark{ border-bottom:solid 1px #2c3e50;}
.bg-hover-night-light:hover{background-color: #34495e!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-night-dark:hover{background-color: #2c3e50!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-night-light{color: #34495e;}
.color-night-dark{color: #2c3e50;}

.bg-yellow-light{background-color: #E67E22!important; color:#FFFFFF;}
.bg-yellow-dark{background-color: #F27935!important; color:#FFFFFF;}
.border-yellow-light{border-bottom:solid 1px #E67E22;}
.border-yellow-dark{ border-bottom:solid 1px #F27935;}
.bg-hover-yellow-light:hover{background-color: #f1c40f!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-yellow-dark:hover{background-color: #f39c12!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-yellow-light{color: #f1c40f;}
.color-yellow-dark{color: #f39c12;}

.bg-orange-light{background-color: #F9690E!important; color:#FFFFFF;}
.bg-orange-dark{background-color: #D35400!important; color:#FFFFFF;}
.border-orange-light{border-bottom:solid 1px #F9690E;}
.border-orange-dark{ border-bottom:solid 1px #D35400;}
.bg-hover-orange-light:hover{background-color: #e67e22!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-orange-dark:hover{background-color: #d35400!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-orange-light{color: #e67e22;}
.color-orange-dark{color: #d35400;}

.bg-red-light{background-color: #e74c3c!important; color:#FFFFFF;}
.bg-red-dark{background-color: #c0392b!important; color:#FFFFFF;}
.border-red-light{border-bottom:solid 1px #e74c3c;}
.border-red-dark{ border-bottom:solid 1px #c0392b;}
.bg-hover-red-light:hover{background-color: #e74c3c!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-red-dark:hover{background-color: #c0392b!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-red-light{color: #e74c3c;}
.color-red-dark{color: #c0392b;}

.bg-gray-light{background-color: #bdc3c7!important; color:#FFFFFF;}
.bg-gray-dark{background-color: #95a5a6!important; color:#FFFFFF;}
.border-gray-light{border-bottom:solid 1px #bdc3c7;}
.border-gray-dark{ border-bottom:solid 1px #95a5a6;}
.bg-hover-gray-light:hover{background-color: #bdc3c7!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-gray-dark:hover{background-color: #95a5a6!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-gray-light{color: #bdc3c7;}
.color-gray-dark{olor: #95a5a6;}

.bg-white{background-color:#FFFFFF!important;}
.color-white{color:#FFFFFF!important;}

.bg-black{background-color:#000000;}
.color-black{color:#000000!important;}

.bg-green-light i, 
.bg-green-dark i,
.bg-teal-light i, 
.bg-teal-dark i, 
.bg-magenta-light i, 
.bg-magenta-dark i, 
.bg-yellow-light i, 
.bg-yellow-dark i, 
.bg-orange-light i, 
.bg-orange-dark i, 
.bg-red-dark i, 
.bg-red-light i, 
.bg-gray-light i, 
.bg-gray-dark i{
    color:#FFFFFF;
}

.cover-image{background-size:cover; background-position: center center;}

.facebook-color{    background-color:#3b5998;    color:#FFFFFF;}
.twitter-color{     background-color:#4099ff;    color:#FFFFFF;}
.google-color{      background-color:#d34836;    color:#FFFFFF;}
.whatsapp-color{    background-color:#34AF23;    color:#FFFFFF;}
.pinterest-color{   background-color:#C92228;    color:#FFFFFF;}
.sms-color{         background-color:#27ae60;    color:#FFFFFF;}
.mail-color{        background-color:#3498db;    color:#FFFFFF;}
.dribbble-color{    background-color:#EA4C89;    color:#FFFFFF;}
.tumblr-color{      background-color:#2C3D52;    color:#FFFFFF;}
.reddit-color{      background-color:#336699;    color:#FFFFFF;}
.youtube-color{     background-color:#D12827;    color:#FFFFFF;}
.phone-color{        background-color:#27ae60;    color:#FFFFFF;}

.facebook-color:hover,
.twitter-color:hover,
.google-color:hover,
.pinterest-color:hover,
.sms-color:hover,
.mail-color:hover,
.dribbble-color:hover,
.tumblr-color:hover,
.reddit-color:hover,
.youtube-color:hover,
.phone-color:hover{
    color:#FFFFFF;
}

.float-left{float:left; margin-top:10px; margin-right:10px;}
.float-right{float:right; margin-top:10px; margin-left:10px;}
.read-more-right{float:right; display:block;}
.read-more-right i{padding-left:10px;}


/*---Heading Settings---*/


.small-heading{
    font-size:12px;
    margin-top:-10px;
    margin-bottom:10px;
    display:block;
}

h1{
    font-size:24px;
    line-height:30px;
    font-weight:500;
}

h2{
    font-size:22px;
    line-height:30px;
    font-weight:500;
}

h3{
    font-size:20px;
    line-height:22px;
    font-weight:500;
}

h4{
    font-size:18px;
    line-height:22px;
    font-weight:500;
}

h5{
    font-size:16px;
    line-height:20px;
    font-weight:500;
}

h6{
    font-size:14px;
    line-height:30px;
    font-weight:800;
}

body{
    font-size:14px;
    font-family:'Roboto', sans-serif;
    line-height:30px;
    font-weight:400;
}

.highlighted{padding:4px 10px; margin-bottom:5px;}

/*---Lists and Font Icon Lists---*/

.font-icon-list li{
	list-style:none;
	padding-left:0px;
    margin-left:-20px;
	line-height:30px;
}

.font-icon-list i{
	margin-right:10px;	
    width:30px;
}
	
.icon-list{
    list-style: none;
    padding-left:0px;
}

.icon-list i{
    width:20px;
    text-align:center;
    margin-left:-5px;
}

.icon-list ul{
    padding-left:40px;
}

ul{
    padding-left:20px;
    list-style-type:disc;
}

ol{
    padding-left:20px;
    list-style-type: decimal;
}

ol ol{
    list-style-type:lower-alpha;
}

ol ol ol{
    list-style-type:disc;
}

/*---Table Settings---*/

.table{
	width:100%;
	margin-bottom:35px;
}

.table-title{
	font-family:'Roboto', sans-serif;
	font-size:12px;
}

.table-sub-title{
	font-family:'Roboto', sans-serif;
	font-weight:bold;
	font-size:12px;
}

.price{
	font-size:12px;
}

.small-price{
	position:absolute;
	margin-left:0px;
	font-size:10px;
	margin-top:-3px!important;
}

.table {
	font-size:12px;
	margin-bottom:25px;
}

.table th {
	padding:21px 25px 22px 25px;
}

.table th:first-child{
	text-align: center;
	padding-left:20px;
}

.table tr{
	text-align: center;
	padding-left:20px;
}

.table tr td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}

.table tr td {
	padding:14px;
}

.table tr.even td{
	background: #efefef;
}

.table tr:last-child td{
	border-bottom:0;
}

.table tr:hover td{
	background: #f8f8f8;
}

.table-heading{
	padding-top:10px;
	padding-bottom:15px;
}


/*---Text Fields---*/

.icon-field .text-field{
    padding-left:45px!important;
}

.icon-field i:first-child{
    position:absolute;
    top:15px;
    left:0px;
    width:40px;
    text-align:center;
}

.icon-field-2 .text-field{
    padding-left:45px!important;
}

.icon-field-2 input{
    border-left:none!important;
    border-right:none!important;
    border-top:none!important;
}

.icon-field-2 i:first-child{
    position:absolute;
    top:0px;
    left:10px;
    line-height:40px;
    text-align:center;
    z-index:9999999;
    opacity:1!important;
}

.text-icon-field{
    margin-bottom:35px;
}

.text-icon-field .text-field{
    padding-left:45px!important;
}

.text-icon-field i:first-child{
    position:absolute;
    top:40px;
    left:0px;
    line-height:45px;
    height:45px;
    width:45px;
    text-align:center;
}

.text-icon-field h6{
    font-weight:500;
    float:left;
}

.text-icon-field em{
    letter-spacing:1px;
    opacity:0.5;
    float:right;
    font-size:10px;
    font-style:normal;
}

.text-field{
    width:100%;
	height:45px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:15px;
	font-size:12px;
    transition:all 250ms ease;
}

.green-field:focus{
    transition:all 250ms ease;
    border:solid 1px #2cc36b;
}

.red-field:focus{
    transition:all 250ms ease;
    border:solid 1px #c0392b;
}

/*----Checkboxes and Radios----*/

label{
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    cursor:pointer;
    margin-left:20px;
}

.checkbox{
    -moz-appearance:checkbox!important; /* Firefox */
    -webkit-appearance:checkbox!important; /* Safari and Chrome */
    appearance:checkbox!important;
    margin-left:10px;
    float:left;
    line-height:24px;
    margin-top:9px;
    margin-right:10px;
}

.radiobox{
    -moz-appearance:radio!important; /* Firefox */
    -webkit-appearance:radio!important; /* Safari and Chrome */
    appearance:radio!important;
    float:left;
    line-height:24px;
    margin-top:9px;
    margin-right:10px;
    margin-left:10px;
    border-radius:50px!important;
}

/*---Image & Video Settings---*/

.border-image{
    padding:7px;
}

.responsive-image{
    max-height:100%;
    display:block;
    width:100%;
}

.maps{
    min-height:300px;
}

.responsive-deco-image{
    width:75%;
    margin-left:auto;
    margin-right:auto;
}

.preload-image{
    display:none;
}

.responsive-video{
	position:relative;
    min-height:300px;
	padding-top:30px;
    width:100%;
	overflow:hidden;
}

.responsive-video iframe, .responsive-video object, .responsive-video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*----Content Classes and Responsive Settings----*/ 

.clear{clear:both!important;}
.last-column{margin-right:0%!important;}
.no-bottom{margin-bottom:0px!important;}
.no-top{margin-top:0px!important; padding-top:0px!important;}
.half-bottom{margin-bottom:15px!important;}
.half-top{margin-top:15px!important;}
.full-bottom{margin-bottom:30px!important;}
.full-top{margin-top:30px!important;}
.left-padding{padding-left:30px;}
.right-padding{padding-right:30px;}
.padding-right{padding-right:20px;}
.padding-left{padding-left:20px;}
.no-border{border:none!important;}

.content{
    margin-bottom:30px;
    padding-left:20px;
    padding-right:20px;
}

.content-fullscreen{
    margin-bottom:30px;
    padding-left:0px;
    padding-right:0px;
}

.container:after{
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.last-column:after{
	visibility: hidden!important;
	display: block!important;
	content: ""!important;
	clear: both!important;
	height: 0!important;    
}

.container{
    margin-bottom:30px;
    display:block;
}

.container-fullscreen{
    margin-bottom:30px;
}

.hide-if-mobile{
    display:none!important;
}

.hide-if-resposive{
    display:block!important;
}

.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.thin{font-weight:300!important;}
.thiner{font-weight:400!important;}
.bold{font-weight:600!important;}
.ultrabold{font-weight:800!important;}

.small-text{font-size:12px;}
.smaller-text{font-size:13px;}
.larger-text{font-size:15px;}
.large-text{font-size:16px;}

.center-text{text-align:center; display:block;}
.left-text{text-align:left; display:block;}
.right-text{text-align:right; display:block;}

.center-text-mobile{text-align:center; display:block;}
.left-text-mobile{text-align:left; display:block;}
.right-text-mobile{text-align:right; display:block;}

.center-text-tablet{text-align:left; display:block;}
.left-text-tablet{text-align:left; display:block;}
.right-text-tablet{text-align:left; display:block;}

.space-left{padding-left:10px;}
.space-right{padding-right:10px;}

@media(min-width:750px){    
    .hide-if-mobile{
        display:block!important;   
    }
    
    .hide-if-responsive{
        display:none!important;   
    }
    
    .center-text-tablet{text-align:center;}
    .left-text-tablet{text-align:left;}
    .right-text-tablet{text-align:right;}
    
    .center-text-mobile{text-align:left;}
    .left-text-tablet{text-align:left;}
    .right-text-tablet{text-align:left;}
}

.decoration{
    height:1px;
    width:100%;
    display:block;
    margin-bottom:30px;
    clear:both!important;
}

.decoration-2{
    position: relative;
    width: 100%;
    height: 1px;
    margin-bottom:30px;
}

.decoration-3{
    position: relative;
    width: 100%;
    height: 1px;
    margin-bottom:30px;
}

.small-decoration{
    width:80px;
    height:5px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
}

.decoration-lines div{
    height:5px;
    width:10%;
    float:left;
}

.decoration-lines-thin div{
    height:3px;
    width:10%;
    float:left;
}

.deco-0{background-color:#c0392b;}
.deco-1{background-color:#2ecc71;}
.deco-2{background-color:#3498db;}
.deco-3{background-color:#bdc3c7;}
.deco-4{background-color:#f1c40f;}
.deco-5{background-color:#e67e22;}
.deco-6{background-color:#9b59b6;}
.deco-7{background-color:#34495e;}
.deco-8{background-color:#16a085;}
.deco-9{background-color:#95a5a6; margin-bottom:30px;}

.decoration-text-1{
    margin-bottom:30px;
}

.decoration-text-1 h4{
    text-align:center;
}

.decoration-text-1 .line-deco{
    width:150px;
    height:1px;
    background-color:rgba(0,0,0,0.2);
    left:50%;
    margin-left:-75px;
    margin-top:25px;
    margin-bottom:25px;
}

.decoration-text-1 i{
    position:absolute;
    font-size:24px;
    top:32px;
    width:50px;
    height:30px;
    line-height:30px;
    text-align:center;
    z-index:10;
    left:50%;
    margin-left:-25px;
}

.decoration-text-1 p{
    text-align:center;
    max-width:80%;
    margin-left:auto;
    margin-right:auto;
}


.decoration-text-2{
    margin-bottom:30px;
}

.decoration-text-2 h4{
    text-align:center;
}

.decoration-text-2 .line-deco-1{
    width:150px;
    height:1px;
    background-color:rgba(0,0,0,0.25);
    left:50%;
    margin-left:-75px;
    margin-top:20px;
    margin-bottom:5px;
}

.decoration-text-2 .line-deco-2{
    width:126px;
    height:1px;
    background-color:rgba(0,0,0,0.20);
    left:50%;
    margin-left:-63px;
    margin-bottom:5px;
}

.decoration-text-2 .line-deco-3{
    width:100px;
    height:1px;
    background-color:rgba(0,0,0,0.15);
    left:50%;
    margin-left:-50px;
    margin-bottom:5px;
}

.decoration-text-2 .line-deco-4{
    width:80px;
    height:1px;
    background-color:rgba(0,0,0,0.1);
    left:50%;
    margin-left:-40px;
    margin-bottom:20px;
}

.decoration-text-2 p{
    text-align:center;
    max-width:80%;
    margin-left:auto;
    margin-right:auto;
}



@media(max-width:768px){
    .one-half{
        width:45%;
        float:left;
        margin-right:10%;
    }
    
    .one-third{
        width:28%;
        float:left;
        margin-right:8%;
    }    
    
    .one-half-responsive{width:100%;}
    .one-third-responsive{width:100%;} 
}

@media(min-width:767px){
    .one-half, .one-half-responsive{
        width:48%;
        float:left;
        margin-right:4%;
    }
    
    .one-half-responsive{
        width:48%;
        float:left;
        margin-right:4%;
    }
    
    .one-third, .one-third-responsive{
        width:28%;
        float:left;
        margin-right:8%;
    }    
    
    .one-forth-responsive{
        float:left;
        width:20%;
        margin-right:5%;
    }
    
	.sidebar-left-big{
		width:70%;
		float:left;
		margin-right:5%	
	}
	
	.sidebar-right-small{
		width:25%;
		float:right;	
	}
		
	.sidebar-right-big{
		width:70%;
		float:right;	
	}
	
	.sidebar-left-small{
		width:25%;
		float:left;
		margin-right:5%;	
	}
}


@media(max-width:500px){
    .boxed-text{
        max-width:300px;
        margin-left:auto;
        margin-right:auto;
    }    
    
    .boxed-item{
        max-width:300px;
        margin-left:auto;
        margin-right:auto;
    }
}

@media(min-width:500px) and (max-width:768px){
    .boxed-text{
        max-width:400px;
        margin-left:auto;
        margin-right:auto;
    }    
    
    .boxed-item{
        max-width:400px;
        margin-left:auto;
        margin-right:auto;
    }
}

@media(min-width:768px) and (max-width:960px){
    .boxed-text, .boxed-text-large{
        max-width:600px;
        margin-left:auto;
        margin-right:auto;
    }    
    
    .boxed-item{
        max-width:600px;
        margin-left:auto;
        margin-right:auto;
    }
}

@media(min-width:961px){
    .boxed-text, .boxed-text-large{
        max-width:760px;
        margin-left:auto;
        margin-right:auto;
    }    
    
    .boxed-item{
        max-width:600px;
        margin-left:auto;
        margin-right:auto;
    }
}

/*Content Strip*/

.content-strip{
    overflow:hidden;
    padding-top:35px;
    padding-bottom:30px;
    margin-bottom:30px;
}

@media(min-width:768px){
    .content-strip .strip-content h4{text-align:center;}
    .content-strip .strip-content p{text-align:center;}
    .content-strip .strip-content i{display:none;}
    .content-strip .strip-subtitle{text-align:center; max-width:500px;  margin:0 auto;}
}

.content-strip .strip-content{
    position:relative;
    z-index:3;
}

.content-strip .strip-subtitle{
    z-index:3;
    color:#FFFFFF;
    padding-left:30px;
    padding-right:30px;
    padding-top:20px;
    margin-bottom:0px;
}

.content-strip .strip-content h4{
    color:#FFFFFF;
    padding-left:30px;
    padding-right:30px;
    font-size:20px;
    margin-bottom:5px;
}

.content-strip .strip-content p{
    color:rgba(255,255,255,0.6);
    padding-left:30px;
    padding-right:30px;
    margin-bottom:0px;
}

.content-strip .strip-content i{
    position:absolute;
    right:0px;
    height:100px;
    top:-20px;
    width:25px;
    color:rgba(255,255,255,0.9);
    line-height:93px;
    margin-right:30px;
    font-size:30px;
}

.content-strip .overlay{
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:1;
    background-color:rgba(0,0,0,0.7);
}

.content-strip img{
    position:absolute;
    width:150%;
    top:0px;
    left:0px;
    z-index:0;
}

/*Animations*/

.scale-hover{
    -moz-transform: scale(1 1);
    -webkit-transform: scale(1 1);
    -o-transform: scale(1 1);
    -ms-transform: scale(1 1);
    transform: scale(1 1);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.scale-hover:hover{
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

/*--Animated Back To Top Badge--*/

.back-to-top-badge{
    opacity:0;
    width:130px;
    height:34px;
    border-radius:18px;
    font-size:12px;
    position:fixed;
    z-index:99999;
    left:50%;
    margin-left:-65px;
    bottom:30px;
    color:#FFFFFF;
    text-align:center;
    line-height:32px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    pointer-events:none;
}

.back-to-top-badge:hover{
    color:#FFFFFF;
}

.back-to-top-badge i{
    padding-right:15px;
    text-align:center;
    width:20px;
    font-size:13px;
}

.back-to-top-badge-visible{
    opacity:1;
    pointer-events:all;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

/*----Share Bottom----*/ 

@media (min-width:768px){
    .share-socials-bottom{
        width:600px!important;   
    }
}

.share-bottom-tap-close{
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    opacity:0;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.share-bottom-tap-close-active{
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.share-light{   background-color:#ecf0f1; }
.share-light a{     color:#1f1f1f;}
.share-light h3{    border-bottom:solid 1px rgba(0,0,0,0.05);   }

.share-dark{   background-color:#0c1117; }
.share-dark a, .share-dark h3{     color:#FFFFFF;}
.share-dark h3{    border-bottom:solid 1px rgba(255,255,255,0.05);   }

.share-bottom{
    position:fixed;
    width:100%;
    z-index:9999999;
    padding-top:15px;
    padding-bottom:15px;
    border-top:solid 1px rgba(255,255,255,0.05);
    bottom:0px;
    -moz-transform: translateX(0px) translateY(380px);
    -webkit-transform: translateX(0px) translateY(380px);
    -o-transform: translateX(0px) translateY(380px);
    -ms-transform: translateX(0px) translateY(380px);
    transform: translateX(0px) translateY(380px);
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}

.active-share-bottom{
    -moz-transform: translateX(0px) translateY(0px);
    -webkit-transform: translateX(0px) translateY(0px);
    -o-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}

.share-bottom h3{
    color:#FFFFFF;
    text-align:center;
    font-size:16px;
    text-transform:uppercase;
    font-weight:600;
    padding-bottom:15px;
    margin-left:-5px;
}

.share-socials-bottom{
    width:300px;
    margin-left:auto;
    margin-right:auto;
}

.share-socials-bottom a{
    color:#FFFFFF;
    font-family:'Roboto', serif;
    font-size:13px!important;
    font-weight:500;
    float:left;
    width:60px;
    margin-left:20px;
    margin-right:20px;
    text-align:center;
    margin-bottom:10px;
    margin-top:10px;
}

.share-socials-bottom a i:hover{
    color:#FFFFFF;
    -moz-transform: scale(1.01,1.01);
    -webkit-transform: scale(1.01,1.01);
    -o-transform: scale(1.01,1.01);
    -ms-transform: scale(1.01,1.01);
    transform: scale(1.01,1.01);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.share-socials-bottom a i{
    width:60px;
    height:60px;
    border-radius:60px;
    color:#FFFFFF;
    line-height:60px;
    font-size:18px;
    margin-bottom:5px;
    -moz-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    -o-transform: scale(0.9,0.9);
    -ms-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    opacity:1;
}

.share-socials-bottom a i:hover{
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    opacity:1;
}

/*--Dropcaps--*/

.dropcaps-1:first-letter{
    float:left;
    font-size:50px;
    padding-top:15px!important;
    padding-right:15px;
    font-weight:900;
}

.dropcaps-2:first-letter{
    font-family: "Times New Roman", Times, serif;
    float:left;
    font-size:50px;
    padding-top:15px!important;
    padding-right:15px;
    font-weight:800;
}

.dropcaps-3:first-letter{
    padding:10px;
    padding-left:15px;
    padding-right:15px;
    margin-right:12px;
    margin-top:5px;
    float:left;
    font-size:24px;
    font-weight:800;
}

.dropcaps-4:first-letter{
    font-family: "Times New Roman", Times, serif;
    font-weight:800!important;
    padding:9px;
    padding-left:12px;
    padding-right:12px;
    margin-right:12px;
    margin-top:5px;
    float:left;
    font-size:32px;
    font-weight:400;
}

/*----Blockquotes and Reviews----*/ 

/*Quote 1*/
.quote-1 .quote-text{
    font-size:15px;
    display:block;
    font-weight:400;
    text-align:center;
}

.quote-1 .quote-image{
    width:130px!important;
    height:130px;
    border-radius:100px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}

.quote-1 .quote-author{
    font-size:18px;
    display:block;
    text-align:center;
    padding-top:0px;
    color:#1f1f1f;
}

.quote-1 .quote-rating{
    width:115px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
}

.quote-1 i{
    font-size:16px;
    margin-right:5px;
}

.quote-1 .quote-title{
    font-size:11px;
    display:block;
    margin-bottom:10px;
    font-style:normal;
    text-align:center;
}

/*Quote 2*/
.quote-2 .quote-image{
    width:70px!important;
    height:70px;
    border-radius:70px;
    float:left;
    margin-right:20px;
}

.quote-2 .quote-author{
    font-size:16px;
    display:block;
    padding-top:5px;
}

.quote-2 .quote-rating{
    float:left;
    display:block;
    width:150px;
}

.quote-2 em i{
    font-size:16px;
    margin-right:5px;
}

.quote-2 .quote-text{
    font-weight:400; 
    padding-top:10px;
    font-size:15px;
    font-style:italic;
}

.quote-2 .quote-title{
    font-size:11px;
    display:block;
    margin-bottom:10px;
    font-style:normal;
    text-align:right;
    margin-top:-15px;
}

/*Quote 3*/
.quote-3 .fa-quote-left{
    font-size:20px;
    display:block;
    text-align:left;
    position:absolute;
    margin-top:10px;
}

.quote-3 p{
    margin-bottom:0px;
    padding-left:50px;
}

.quote-3 .quote-author{
    display:block;
    text-align:right;
    margin-top:20px;
}

/*Quote 4*/
.quote-4 .fa-quote-right{
    font-size:20px;
    display:block;
    text-align:left;
    position:absolute;
    right:0px;
    margin-top:10px;
}

.quote-4 p{
    margin-bottom:0px;
    padding-right:50px;
}

.quote-4 .quote-author{
    display:block;
    text-align:left;
    margin-top:20px;
}

/*Quote 5*/
.quote-5{
    padding-left:20px;
}

.quote-5 p{
    font-style:italic;
    font-size:15px;
    padding-top:10px;
    margin-bottom:10px;
}

.quote-5 strong{
    display:block;
    text-align:right;
    font-size:13px;
    font-weight:500;
    margin-top:-10px;
    padding-bottom:0px;
}

/* Review 1*/

.review-1 strong{
    font-size:28px;
    padding-right:10px;
}

.review-1 em{
    font-weight:600;
    font-size:13px;
    font-style:normal;
}

.review-1 .review-stars i{
    font-size:18px;
    padding-bottom:20px;
    padding-top:5px;
    padding-right:5px;
}

.review-1 .review-image{
    position:absolute;
    right:0px;
    top:0px;
    width:55px;
    height:55px;
    border-radius:55px;
}

.review-1 p{
    font-size:16px;
    line-height:36px;
    font-style:italic;
    font-weight:300;
    letter-spacing:-0.6px;
    margin-bottom:10px;
}

.review-1 a{
    text-align:right;
    font-size:13px;
    font-weight:500;
}

/* Review 2*/

.review-2 strong{
    font-size:43px;
    line-height:50px;
}

.review-2 em{
    position:absolute;
    top:0px;
    left:100px;
    font-size:10px;
    font-style:normal;
}

.review-2 .review-stars{
    position:absolute;
    top:20px;
    left:100px;
}

.review-2 .review-image{
    width:50px;
    height:50px;
    position:absolute;
    right:0px;
    top:0px;
    border-radius:50px;
}

.review-2 .review-stars i{
    font-size:14px;
}

.review-2 p{
    margin-top:20px;
    font-size:16px;
    line-height:36px;
    font-style:italic;
    font-weight:300;
    letter-spacing:-0.6px;
    margin-bottom:15px;
}

.review-2 a{
    text-align:right;
    font-size:13px;
    font-weight:500;
}

/*Review 3*/

.review-3 .review-line i{
    float:right;
    padding-top:10px;  
    width:22px;
    text-align:center;
}

.review-3 .review-line{
    margin-bottom:10px;
}

.review-3 .review-line-last{
    margin-bottom:30px;
}

.review-3 .review-line-last i{
    float:right;
    padding-top:10px;  
    width:22px;
    text-align:center;
}

.review-3 h4{
    font-size:16px;
    margin-bottom:0px;
}

.review-3 h5{
    font-size:12px;
    font-weight:400;
}

.review-3 p{
    font-style:italic;
}

/*Review 4*/

.review-4 img{
    position:absolute;
    width:60px;
    height:60px;
    border-radius:70px;
    top:-10px;
}

.review-4 h4{
    text-align:right;
    margin-top:20px;
    margin-left:80px;
    margin-bottom:0px;
}

.review-4 .review-stars{
    float:right;
    margin-left:80px;
    padding-bottom:20px;
}

.review-4 .review-stars i{
    padding-right:5px;
    font-size:16px;
}

.review-4 p strong{
    display:block;
    font-size:16px;
}

/*Review 5*/

.review-5 img{
    position:absolute;
    width:60px;
    height:60px;
    border-radius:70px;
    top:-10px;
    right:0px;
}

.review-5 h4{
    margin-top:20px;
    margin-bottom:0px;
}

.review-5 .review-stars{
    padding-bottom:20px;
}

.review-5 .review-stars i{
    color:#f39c12;
    padding-right:5px;
    font-size:16px;
}

.review-5 p strong{
    display:block;
    color:#1f1f1f;
    font-size:16px;
}

/*Review 6*/

.review-6 h4{
    font-weight:300!important;
    font-style:italic;
    line-height:40px;
    text-align:center;
    padding-left:30px;
    padding-right:30px;
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}

.review-6 strong{
    text-align:center;
    display:block;
    font-weight:700;
    font-size:15px;
    padding-top:10px;
}

.review-6 .review-stars{
    width:149px;
    margin-left:auto;
    margin-right:auto;
}

.review-6 .review-stars i{
    padding-right:5px;
    padding-left:5px;
    font-size:18px;
}

.review-6 .fa-quote-right{
    display:block;
    font-size:24px;
    padding-bottom:10px;
}

/*----Mobile Style Switches----*/ 

.switch-box h4{
    font-size:15px;
    line-height:29px;
    float:left;
    font-weight:600;
    padding-top:2px;
    margin-bottom:5px;
}

.switch-box .switch{
    float:right!important;   
}

.switch-box .switch-icon{
    float:right!important;   
}

.switch-box-content{
    clear:both;
    display:none;
}

.switch-box-subtitle{
    display:block;
    clear:both;
    opacity:0.8;
    font-size:13px;
}

/*Switch 1*/

.switch-1{
    width:50px;
    height:30px;
    background-color:#c0392b;
    border-radius:30px;
    transition:all 250ms ease;
    float:left;
}

.switch-1 em:first-child{
    position:absolute;
    color:#FFFFFF;
    height:30px;
    line-height:30px;
    margin-left:11px;
    font-style:normal;
    font-size:10px;
}

.switch-1 em:last-child{
    position:absolute;
    color:#FFFFFF;
    height:30px;
    line-height:30px;
    margin-left:33px;
    font-style:normal;  
    font-size:10px;
}

.switch-1 span{
    width:26px;
    height:26px;
    position:absolute;
    background-color:#FFFFFF;
    border-radius:28px;
    margin-top:2px;
    transform:translateX(2px);
    -webkit-transform:translateX(2px);
    transition:all 250ms ease;
}

.switch-1-on{
    background-color:#27ae60;
    transition:all 250ms ease;
}

.switch-1-on span{
    transform:translateX(22px);
    -webkit-transform:translateX(22px);
    transition:all 250ms ease;
}

.switch-icon em:first-child{
    font-size:10px;
    margin-top:2px;
    margin-left:9px;
    line-height:27px;
}

.switch-icon em:last-child{
    font-size:10px;
    margin-top:2px;
    margin-left:32px;
    line-height:27px;
}

/*Switch 2*/

.switch-2{
    width:58px;
    background-color:#464646;
    height:25px;
    overflow:hidden;
}

.switch-2 span{
    margin-top:2px;
    transform:translateX(2px);
    -webkit-transform:translateX(2px);
    width:30px;
    background-color:#676767;
    height:21px;
    position:absolute;
    text-align:center;
    transition:all 250ms ease;
}

.switch-2 span em{
    display:block;
    color:#FFFFFF;
    font-style:normal;
    line-height:25px;
    font-size:10px!important;
    margin-top:-26px;
    transition:all 250ms ease;
}

.switch-2-on span{
    transform:translateX(26px);
    -webkit-transform:translateX(26px); 
    background-color:#0e88b1;
    /*background-color:#27ae60;*/
    transition:all 250ms ease;
}

.switch-2-on span em{
    line-height:21px;
    margin-top:0px;
    transition:all 250ms ease;
}

/*Switch 3*/

.switch-3{
    border:solid 3px #cacaca;
    width:60px;
    height:28px;
    background-color:#27ae60;
    transition:all 250ms ease;
}

.switch-3 span{
    z-index:10;
    position:absolute;
    background-color:#cacaca;
    width:25px;
    border-right:solid 3px #ececec;
    border-left:solid 3px #ececec;
    height:28px;
    margin-top:-3px;
    transform:translateX(33px);
    -webkit-transform:translateX(33px);
    transition:all 250ms ease;
}

.switch-3-on{
    background-color:#c0392b;
    transition:all 250ms ease;
}

.switch-3-on span{
     transform:translateX(-3px);
    -webkit-transform:translateX(-3px);
    transition:all 250ms ease;   
}

.switch-3 strong{
    position:absolute;
    width:54px;
    height:22px;
    border:solid 3px #FFFFFF;
}

.switch-3 em{
    position:absolute;
    color:#FFFFFF;
    margin-left:0px;
    font-style:normal;   
    font-size:10px;
    margin-top:-4px;
    width:35px;
    text-align:center;
}

.switch-3 em:last-child{
    position:absolute;
    color:#FFFFFF;
    margin-left:19px!important;
    font-style:normal;   
    font-size:10px;
    margin-top:-4px;
}

/*----Toggles----*/ 


.toggle .toggle-title{
    height:60px;
    line-height:60px;
    font-weight:500;
    font-size:15px;
    display:block;
    width:100%;
}

.active-toggle .toggle-content{
    display:block;
}

.toggle-content{
    display:none;
    padding-top:0px;
    padding-bottom:20px;
}

.toggle-content p{
    padding-bottom:0px;
    margin-bottom:0px;
}

.toggle i{
    font-size:10px!important;
    pointer-events:none;
    position:absolute;
    top:1px;
    width:20px;
    height:60px;
    line-height:60px;
    text-align:center;
    right:0px;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);  
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.rotate-toggle{
    -moz-transform: rotate(45deg)!important;
    -webkit-transform: rotate(45deg)!important;
    -o-transform: rotate(45deg)!important;
    -ms-transform: rotate(45deg)!important;
    transform: rotate(45deg)!important;  
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;   
}

/*----Accordion----*/ 

.accordion-toggle {
    cursor: pointer;
    font-size:14px;
    height:60px;
    line-height:60px;
    font-weight:500;
}

.accordion-toggle i{
    float:right;
    line-height:60px;
    height:60px;
    margin-top:0px;
    width:60px;
    text-align:center;
    margin-right:-10px;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);  
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.accordion-content {
    display: none;
    padding-bottom:10px;
}
.accordion-content.active-accordion {
    display: block;
}

.accordion-toggle{
    margin-top:10px;
}

.accordion-content p{
    margin-bottom:-10px; 
    padding-top:15px;
    padding-bottom:15px;
    padding-left:0px;
}

.accordion-toggle{
    margin-bottom:0px;
    margin-top:0px;
}

.rotate-180{
    -moz-transform: rotate(180deg)!important;
    -webkit-transform: rotate(180deg)!important;
    -o-transform: rotate(180deg)!important;
    -ms-transform: rotate(180deg)!important;
    transform: rotate(180deg)!important;  
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.rotate-90{
    -moz-transform: rotate(90deg)!important;
    -webkit-transform: rotate(90deg)!important;
    -o-transform: rotate(90deg)!important;
    -ms-transform: rotate(90deg)!important;
    transform: rotate(90deg)!important;  
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.rotate-45{
    -moz-transform: rotate(45deg)!important;
    -webkit-transform: rotate(45deg)!important;
    -o-transform: rotate(45deg)!important;
    -ms-transform: rotate(45deg)!important;
    transform: rotate(45deg)!important;  
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

/*----Tabs----*/ 

ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li{
    pointer-events:all;
    display: inline-block;
    padding: 8px 15px;
    cursor: pointer;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    margin-bottom:0px;
}

ul.tabs li.active-tab{
    pointer:cursor;
    font-weight:500;
    pointer-events:none;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.tab-content{
    display: none;
    padding: 15px;
}

.active-tab-content{
    display:block
}

/*----Notifications----*/ 

.title-notification p{
    margin-left:0px!important;
    padding-left:0px!important;
    text-align:center;
}

.title-notification i{
    font-size:14px!important;
}


.static-notification{
    padding:15px;
    margin-bottom:30px;
}
.static-notification .center-text{padding-left:0px!important;}
.static-notification h6{
    font-weight:500;
    padding-bottom:10px;
}

.static-notification-icon{
    padding-right:20px;
}

.static-notification.no-icon p{
   padding-left:10px;
}

.static-notification p{
    font-size:12px;
    margin-bottom:0px;
}

.static-notification em{
    position:absolute;
    right:30px;
    font-size:10px;
}

.static-notification em i{
    font-size:12px;
}

.static-notification-close{
    width:50px;
    height:50px;
    position:absolute;
    top:5px;
    right:0px;
}

.static-notification-close{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
}

.tap-dismiss i{
    font-size:20px;
    position:absolute;
    height:60px;
    top:-15px;
    line-height:60px;
    width:60px;
    text-align:center;
    left:-15px;
}

.tap-dismiss p{
    padding-left:50px;
}

.no-dismiss i{
    font-size:20px;
    position:absolute;
    height:60px;
    top:-15px;
    line-height:60px;
    width:60px;
    text-align:center;
    left:-15px;
}

.no-dismiss p{
    padding-left:50px;
}

/*--Device Detection--*/

.device-detected img{
    width:100px;
    margin:0 auto 15px;
}

.device-detected h5{
    text-align:center;
    font-size:18px;
}

.device-detected p{
    text-align:center;
    width:300px;
    margin:0 auto 30px;
}

/*----Buttons----*/ 

.button{
    font-size:12px;
    font-weight:400;
    letter-spacing:0.6px;
    display:inline-block;
    padding:8px 18px;
    margin-bottom:15px;
    margin-right:12px;
    text-decoration:none!important;
}

.button-icon i{
    position:absolute;
    width:10px;
    height:10px;
    line-height:10px;
    left:15px;
    top:50%;
    margin-top:-5px;
}

.button-icon{
    padding-left:40px;
}

.button-small{
    display:inline-block;
    padding:5px 15px;
    margin-bottom:15px;
    margin-right:12px;
    font-size:12px;
}

.button-xl{
    font-size:16px;
    padding:12px 30px;
}

.button-l{
    font-size:15px;
    padding:10px 30px;
}

.button-s{
    font-size:13px;
    padding:8px 20px;
}

.button-xs{
    font-size:11px;
    padding:6px 15px;
}

.button-fullscreen{
    width:100%!important;
    display:block;
    text-align:center;
}

.button-round{border-radius:5px;}

.button,
.button:hover,
.button-round,
.button-round:hover,
.button-cover,
.button-cover:hover{
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.teal-3d{				padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #117562;}
.button-teal{			background-color:#16a085; color:#FFFFFF;}
.button-teal:hover{		background-color:#1abc9c;}

.green-3d{				padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #1e8248;}
.button-green{			background-color:#27ae60; color:#FFFFFF;}
.button-green:hover{	background-color:#2ecc71;}

.blue-3d{				padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #194e70;}
.button-blue{			background-color:#2980b9; color:#FFFFFF;}
.button-blue:hover{		background-color:#3498db;}

.magenta-3d{			padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #602e75;}
.button-magenta{		background-color:#8e44ad; color:#FFFFFF;}
.button-magenta:hover{	background-color:#9b59b6;}

.dark-3d{				padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #19232d;}
.button-dark{			background-color:#2c3e50; color:#FFFFFF;}
.button-dark:hover{		background-color:#34495e;}

.yellow-3d{				padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #ba970b;}
.button-yellow{			background-color:#f1c40f; color:#1f1f1f;}
.button-yellow:hover{	background-color:#f39c12;}

.orange-3d{				padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #9d3e00;}
.button-orange{			background-color:#d35400; color:#FFFFFF;}
.button-orange:hover{	background-color:#e67e22;}

.red-3d{				padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #8a281e;}
.button-red{			background-color:#c0392b; color:#FFFFFF;}
.button-red:hover{		background-color:#e74c3c;}

.light-3d{				padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #868a8c;}
.button-light{			background-color:#bdc3c7; color:#1f1f1f;}
.button-light:hover{	background-color:#ecf0f1;}

.grey-3d{				padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #474d4e;}
.button-grey{			background-color:#7f8c8d; color:#FFFFFF;}
.button-grey:hover{		background-color:#95a5a6;}

.button i{padding-right:10px;}

.button-center{
    width:120px;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center;
    display:block;
    margin-bottom:30px;
}

.button-center-large{
    width:160px;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center;
    display:block;
    margin-bottom:30px;
}

.button-right{float:right;}
.button-right:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.button-cover{
    border:solid 1px rgba(255,255,255,0.5);
    color:rgba(255,255,255,0.5);
}

.button-cover:hover{
    border:solid 1px rgba(255,255,255,1);
    color:rgba(255,255,255,1); 
}

.social-button{
    height:45px;
    display:inline-block;
    padding-right:30px;
    padding-left:45px;
    margin-bottom:10px;
    margin-right:5px;
    line-height:45px;
    font-weight:500;
    font-size:12px;
    width:115px;
}

.social-button-fullscreen{
    height:45px;
    display:block;
    padding-right:30px;
    padding-left:45px;
    margin-bottom:10px;
    margin-right:5px;
    line-height:45px;
    font-weight:500;
    font-size:12px;
    width:100%;
}

.social-button i, .social-button-fullscreen i{
    position:absolute;
    height:45px;
    width:45px;
    line-height:45px;
    text-align:center;
    font-size:18px;
    left:0px;
    margin-top:1px;
}

.social-ball{
    border-radius:45px;
    display:inline-block;
    margin-right:10px;
    margin-bottom:10px;
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
}

.social-square{
    display:inline-block;
    margin-right:10px;
    margin-bottom:10px;
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
}

.social-ball i{
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
}

.social-square i{
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
}

/*---Login Buttons---*/

.facebook-login, 
.twitter-login, 
.google-login{
    height:50px;
    line-height:50px;
    padding-left:20px;
    padding-right:20px;
    margin-top:8px;
    margin-bottom:8px;
    font-size:12px;
    text-align:center;
    transition:all 250ms ease;
}

.facebook-login:hover, 
.twitter-login:hover, 
.google-login:hover{
    opacity:0.9;
    transition:all 250ms ease;
}

.facebook-login i, 
.twitter-login i, 
.google-login i{
    width:10px;
    margin-right:20px;
    position:absolute;
    left:20px;
    top:18px;
    font-size:16px;
}


/*----Galleries----*/ 

/*Round & Square*/

.gallery:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
    margin-bottom:10px;
}

@media(min-width:0px) and (max-width:400px){
    .gallery a{
        width:32%;
        float:left;
        padding-bottom:0px;
    }
    
    .square-thumbs a img{ border-radius:none;}
    .round-thumbs a img{  border-radius:300px;}
    .gallery a:nth-child(3n+1){  margin-right:1%; margin-bottom:2%; }
    .gallery a:nth-child(3n+2){  margin-left:1%; margin-right:1%; margin-bottom:2%; }
    .gallery a:nth-child(3n+3){  margin-left:1%; margin-bottom:2%; }
    
}

@media(min-width:400px) and (max-width:768px){
    .gallery a{
        width:23.5%;
        float:left;
    }
    
    .square-thumbs a img{ border-radius:none;}
    .round-thumbs a img{  border-radius:300px;}
    .gallery a:nth-child(4n+1){
        margin-left:0%;
        margin-right:1%;
        margin-bottom:2%;
    }    
    .gallery a:nth-child(4n+2){
        margin-left:1%;
        margin-right:1%;
        margin-bottom:2%;
    }    
    .gallery a:nth-child(4n+3){
        margin-left:1%;
        margin-right:1%;
        margin-bottom:2%;
    }    
    .gallery a:nth-child(4n+4){
        margin-left:1%;
        margin-right:0%;
        margin-bottom:2%;
    }
}

@media(min-width:768px){
    .gallery a{
        width:15%;
        float:left;
        padding-bottom:20px;  
    }
    
    .square-thumbs a img{ border-radius:none;}
    .round-thumbs a img{  border-radius:300px;}
    
    .gallery a:nth-child(6n+1){
        margin-left:0%;
        margin-right:1%;
        margin-bottom:1%;
    }    
    .gallery a:nth-child(6n+2){
        margin-left:1%;
        margin-right:1%;
        margin-bottom:1%;
    }    
    .gallery a:nth-child(6n+3){
        margin-left:1%;
        margin-right:1%;
        margin-bottom:1%;
    }    
    .gallery a:nth-child(6n+4){
        margin-left:1%;
        margin-right:1%;
        margin-bottom:1%;
    }    
    .gallery a:nth-child(6n+5){
        margin-left:1%;
        margin-right:1%;
        margin-bottom:1%;
    }    
    .gallery a:nth-child(6n+6){
        margin-left:1%;
        margin-right:0%;
        margin-bottom:1%;
    }
}

/*Gallery Block*/

@media(min-width:500px) and (max-width:768px){
    .gallery-blocks a{
        width:33.3%!important;
    }
}

@media(min-width:768px){
    .gallery-blocks a{
        width:25%!important;
    }
}


.gallery-blocks a{
    width:50%;
    float:left;
    border:solid 1px #FFFFFF;
}

.gallery-blocks a:last-child{
    margin-bottom:30px;
}

.gallery-blocks img{
    display:block;
    width:100%;
}

.gallery-blocks em{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:10;
    background-color:rgba(0,0,0,0.7);
}

.gallery-blocks h3{
    position:absolute;
    z-index:11;
    width:100%;
    text-align:center;
    color:#FFFFFF;
    top:50%;
    margin-top:-30px;
    
}
.gallery-blocks h4{
    position:absolute;
    z-index:11;
    width:100%;
    text-align:center;
    color:rgba(255,255,255,0.5);
    font-weight:400;
    top:50%;
    font-size:14px;
}

/*---Filter Portfolio---*/

.portfolio-filter-wrapper {
    width:100%; 
    margin:20px 0px; 
    margin-bottom:0px;
}

.portfolio-filter-wrapper:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
    margin-bottom:10px;    
}

.portfolio-filter-categories{
    display:table;
    width:100%;
    padding-top:5px;
    padding-bottom:5px;

}

.selected-filter{
    background-color:#27ae60;
    color:#FFFFFF!important;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.filter-category{ 
    display:table-cell;
    padding:2px 10px; 
    text-align:center;
    font-size: 12px; 
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.portfolio-filter-item img{
   margin-bottom:20px;
}

@media(min-width:768px){
    .portfolio-filter-item{
        width:46%;
        margin-right:2%;
        margin-left:2%;
        float:left;
    }    
}

@media(min-width:1020px){
    .portfolio-filter-item{
        width:28%;
        margin-right:2%;
        margin-left:2%;
        float:left;
    }
}

.gallery-filter-item{
    width:46%;
    margin-left:2%;
    margin-right:2%;
    float:left;
    margin-bottom:4%;
}

@media(min-width:768px){
    .gallery-filter-item{
        width:46%;
        margin-right:2%;
        margin-left:2%;
        margin-bottom:4%;
        float:left;
    }    
}

@media(min-width:1020px){
    .gallery-filter-item{
        width:28%;
        margin-right:2%;
        margin-left:2%;
        margin-bottom:4%;
        float:left;
    }
}

.read-more-link{text-align:right;}
.read-more-link i{padding-left:20px;}

.share-page-link{text-align:left; margin-top:-59px;}
.share-page-link i{padding-right:20px;}

/*---Adaptive Portfolio---*/

.portfolio-switch{
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;  
}

.active-adaptive{
    color:#3498db!important;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.portfolio-adaptive{
    margin-bottom:10px;
}

.portfolio-adaptive:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.portfolio-adaptive .portfolio-item img{
   margin-bottom:20px;
}

/*1 Item*/

.portfolio-item{
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.portfolio-adaptive-one .portfolio-item{
    width:100%;
    float:left;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

/*2 Items*/

.portfolio-adaptive-two .portfolio-item{
    width:50%;
    float:left;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.portfolio-adaptive-two .portfolio-item:nth-child(2n+2){  padding-left:10px!important;}
.portfolio-adaptive-two .portfolio-item:nth-child(2n+1){  padding-right:10px!important;}

/*3 Items*/

.portfolio-adaptive-three .portfolio-item{
    width:33%;
    float:left;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.portfolio-adaptive-three .portfolio-item:nth-child(3n+1){   padding-left:5px!important;   padding-right:5px!important;}
.portfolio-adaptive-three .portfolio-item:nth-child(3n+2){   padding-left:10px!important;}
.portfolio-adaptive-three .portfolio-item:nth-child(3n+3){   padding-right:10px!important;}

/*Portfolio Controls*/

.portfolio-adaptive-controls .portfolio-switch{
    float:right;
    margin-bottom:30px;
    margin-top:-40px;
}

.portfolio-adaptive-controls .adaptive-one{
    border-left:0px;
}

.portfolio-adaptive-controls .portfolio-switch i{
    width:50px;
    height:30px;
    line-height:30px;
    text-align:center;
}

.portfolio-adaptive .portfolio-item .adaptive-more{
    font-size:12px;
    padding-top:10px;
}

.portfolio-adaptive .portfolio-item .adaptive-more i{
    font-size:12px;
    margin-left:10px;
    margin-right:10px;
}

/*---One Item Portfolio---*/

.portfolio-one .portfolio-item img{
    padding-bottom:20px;
}

.portfolio-one .portfolio-item em{
    font-size:12px;
    margin-top:-10px;
    margin-bottom:5px;
    display:block;
}

.portfolio-one .portfolio-item .portfolio-share{
    float:right;
    margin:0px 10px;
}

.portfolio-one .portfolio-item .portfolio-share i{
    padding-right:10px;
}

.portfolio-one .portfolio-item .portfolio-link{
    float:right;
    margin:0px 10px;
}

.portfolio-one .portfolio-item .portfolio-link i{
    padding-right:10px;
}

.portfolio-one .portfolio-item:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

/*---Two Item Portfolio---*/

.portfolio-two .portfolio-item{
    float:left;
    width:50%;
}

.portfolio-two .portfolio-item:nth-child(2n+1){
    padding-right:10px;
}
.portfolio-two .portfolio-item:nth-child(2n+0){
    padding-left:10px;
}

.portfolio-two .portfolio-item img{
    padding-bottom:20px;
}

.portfolio-two .portfolio-item em{
    font-size:12px;
    margin-top:-10px;
    margin-bottom:5px;
    display:block;
}

.portfolio-two .portfolio-item .portfolio-share{
    float:right;
    margin:0px 10px;
}

.portfolio-item .overlay{
    opacity:0.9;
}

.portfolio-two .portfolio-item .portfolio-share i{
    padding-right:10px;
}

.portfolio-two .portfolio-item .portfolio-link{
    float:right;
    margin:0px 10px;
}

.portfolio-two .portfolio-item .portfolio-link i{
    padding-right:10px;
}

.portfolio-two .portfolio-item:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

/*---Portfolio Wide---*/

@media (max-width:768px){
    .wide-text{
        padding-left:30px;
        padding-right:30px;
    }
}

@media (min-width:768px){
    .wide-text{
        padding-left:50px;
        padding-right:50px;
    }
}

.portfolio-wide .portfolio-item{
    margin-bottom:5px;
}

.portfolio-wide .wide-text{
    margin-top:20px;
    display:none;
}

.portfolio-wide .wide-text img{
    float:left;
    width:80px;
    height:80px;
    margin-right:15px;
    margin-bottom:0px;
    margin-top:5px;
}

.portfolio-wide .wide-text .portfolio-link i{padding-right:10px;}
.portfolio-wide .wide-text .portfolio-link{
    float:right;
    margin-left:20px;
    margin-bottom:20px;
}

.portfolio-wide .wide-text .portfolio-share i{padding-right:10px;}
.portfolio-wide .wide-text .portfolio-share{
    float:right;
    margin-left:20px;
    margin-bottom:20px;
}

.portfolio-wide .wide-text .portfolio-close i{padding-right:10px;}
.portfolio-wide .wide-text .portfolio-close{
    float:right;
    margin-left:20px;
    margin-bottom:20px;
}

.portfolio-wide .wide-title{
    display:block;
    position:relative;
    overflow:hidden;      
}

.portfolio-wide .wide-title img{
    position:absolute;
    top:0px;
    width:100%;
    display:block;
    z-index:1;
}

.portfolio-wide .wide-title .overlay{
    width:100%;
    height:100%;
    z-index:2;
    position:absolute;
    background: linear-gradient( to bottom,
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.98)
    );
    top:0px;
}

.portfolio-wide .wide-title h3{
    font-weight:400;
    text-align:center;
    position:relative;
    z-index:3;
    padding-top:35px;
    margin-bottom:0px
}

.portfolio-wide .wide-title em{
    text-align:center;
    position:relative;
    display:block;
    z-index:3;
    padding-bottom:30px;
    font-style:normal;
    font-size:12px;
}

/*---Filter Portfolio---*/

.portfolio-filter-wrapper {
    width:100%; 
    margin:20px 0px; 
    margin-bottom:0px;
}

.portfolio-filter-wrapper:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
    margin-bottom:10px;    
}

.portfolio-filter-categories{
    display:table;
    width:100%;
    padding-top:5px;
    padding-bottom:5px;
}

.selected-filter{
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.filter-category{ 
    display:table-cell;
    padding:2px 10px; 
    text-align:center;
    font-size: 12px; 
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.portfolio-filter-item img{
    margin-bottom:20px;
}

@media(min-width:768px){
    .portfolio-filter-item{
        width:46%;
        margin-right:2%;
        margin-left:2%;
        float:left;
    }    
}

@media(min-width:1020px){
    .portfolio-filter-item{
        width:28%;
        margin-right:2%;
        margin-left:2%;
        float:left;
    }
}

/*----Calendar Design----*/ 

.calendar{
    margin-bottom:30px;
    display:block;
    overflow:hidden;
}

calendar*{
    display:block;
    overflow:hidden;
}

.calendar-titles, .calendar-days{ padding:0px 30px;}

.calendar-titles a{
    width:14.28%;
    float:left;
    text-align:center;
    height:40px;
    line-height:40px;
    font-size:10px;
    font-weight:800;
}

.calendar-titles .light-titles{
    opacity:0.5;
}

.calendar-days{
    margin-top:-10px;
    font-size:14px;
    margin-bottom:30px;
}

.calendar-days a{
    width:14.28%;
    float:left;
    height:60px;
    line-height:60px;
    text-align:center;
    font-weight:700;
}

.calendar-day .light-day{
    opacity:0.3;
}

.calendar-days i{
    position:absolute;
    font-size:35px;
    margin-top:12px;
    margin-left:-7px;
    z-index:-1;
}

.clear-day i{
    opacity:0;
}

.light-day{
    opacity:0.3;
}

.light-day i{
    display:none;
}

.calendar-hours a:last-child{
    border-bottom:none;
}

.calendar-hour .cal-time{
    position:absolute;
    margin-top:30px;
    font-weight:400;
    font-size:11px;
    padding-left:20px;
}

.calendar-hour .cal-from{
    position:absolute;
    margin-top:18px;
    font-size:11px;
    font-weight:400;
    padding-left:20px;
}

.calendar-hour .cal-to{
    position:absolute;
    margin-top:40px;
    font-size:11px;
    font-weight:400;
    padding-left:20px;
}

.calendar-hour h4{
    font-size:14px;
    padding-left:100px;
    padding-top:17px;
    margin-bottom:2px;
}

.calendar-hour em{
    font-style:normal;
    font-size:11px;
    padding-left:100px;
    color:#666666;
}

.calendar-hour em i{
    margin-right:10px;
}

/*----Charts----*/ 

.chart-center{
    margin-left:auto;
    margin-right:auto;
}

.chart div{
	overflow:hidden!important;
}

.chart strong{
	font-size:13px;
	text-align:left;
	font-weight:600;
	padding-left:5px;
}

.chart em{
	font-size:13px;
	text-align:right;
	font-style:normal;
	display:block;
	margin-bottom:10px;
	margin-top:-20px;
	font-weight:300;
	padding-right:5px;
}

.chart-background{
	width:100%;
	display:block;
	height:22px;
	margin-bottom:20px;
	margin-top:-5px;
}

.red-chart{
	margin:3px;
	height:16px;
	opacity:0.9;
}

.green-chart{
	margin:3px;
	height:16px;
	opacity:0.9;
}

.yellow-chart{
	margin:3px;
	height:16px;
	opacity:0.9;
}

.magenta-chart{
	margin:3px;
	height:16px;
	opacity:0.9;
}

.blue-chart{
	margin:3px;
	height:16px;
	opacity:0.9;
}

.chart-round div{
	border-radius:20px;
}

.p100{width:100%;}
.p95{width:95%;}
.p90{width:90%;}
.p85{width:85%;}
.p80{width:80%;}
.p75{width:75%;}
.p70{width:70%;}
.p65{width:65%;}
.p60{width:60%;}
.p55{width:55%;}
.p50{width:50%;}
.p45{width:45%;}
.p40{width:40%;}
.p35{width:35%;}
.p30{width:30%;}
.p25{width:25%;}
.p20{width:20%;}
.p15{width:15%;}
.p10{width:10%;}
.p5{width:5%;}
.p0{width:0%;}


/*--Profile Page--*/

.profile-picture{
    width:140px;
    height:140px;
    margin-top:-80px;
    margin-left:20px;
    margin-bottom:-20px;
}

.center-profile-picture{
    margin-left:auto;
    margin-right:auto;
}

.profile-header h3{
    margin-top:-35px;
    margin-left:185px;
    font-size:22px;
    font-weight:600!important;
}

.profile-picture img{
    width:140px;
    height:140px;
}

.profile-header .profile-icon-1, .profile-header .profile-icon-2{
    width:35px;
    height:35px;
    line-height:35px;
    font-size:12px;
    text-align:center;
    position:absolute;
    right:20px;
    margin-top:-20px;
}

.profile-header .profile-icon-2{
    right:65px;
}

.page-profile-header{
    padding-top:40px;
    padding-bottom:30px;
    background-image:url(../images/pictures/1.jpg);
    background-size:cover;
}

.page-profile-header .overlay{
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    opacity:0.7;
}

.page-profile-header .follow-buttons a{
    float:left;
    text-align:center;
    margin-top:30px;
    width:100px;
    margin-left:auto;
    margin-right:auto;
    padding-top:3px;
    padding-bottom:3px;
    border-radius:25px;
    margin-left:10px;
    margin-right:10px;
    font-size:12px;
    opacity:0.8;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.page-profile-header .follow-buttons a:hover{
    opacity:1;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.page-profile-header .follow-buttons{
    width:240px;
    margin-left:auto;
    margin-right:auto;
}

.page-profile-header img{
    width:120px;
    height:120px;
    border-radius:120px;
    margin-bottom:30px;
    margin-left:auto;
    margin-right:auto;
    z-index:4;
}

.page-profile-header h3{
    z-index:4;
    position:relative;
    text-align:center;
    font-weight:400;
    margin-bottom:5px;
}

.page-profile .follow-buttons:after, .page-profile-followers a:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.page-profile-header em{
    display:block;
    position:relative;
    text-align:center;
    opacity:0.7;
    z-index:4;
    font-size:12px;
    font-style:normal;
}

.page-profile-header em i{
    padding-right:10px;
}

.page-profile-followers a{
    width:33%;
    float:left;
    text-align:center;
    font-size:12px;
    margin-bottom:30px;
}

.page-profile-followers a i{
    display:block;
    font-size:20px;
    text-align:center;
    padding-bottom:10px;
}

.page-profile-followers a:nth-child(3n+1){
    border-right:solid 1px rgba(0,0,0,0.1);
}

.page-profile-followers a:nth-child(3n+3){
    border-left:solid 1px rgba(0,0,0,0.1);
}

/*--Activity Page--*/

.activity-item .activity-item-icon{
    width:45px;
    height:45px;
    border-radius:45px;
    line-height:45px;
    text-align:center;
    position:absolute;
}

.activity-item em{
    padding-left:60px;
    font-size:12px;
    display:block;
}

.activity-item h5{
    padding-top:2px;
    padding-left:60px;
    margin-bottom:0px;
}

.activity-item p{
    font-size:13px;
}

.user-feed .user-feed-image{
    width:45px;
    height:45px;
    border-radius:45px;
    line-height:45px;
    text-align:center;
    position:absolute;
}

.user-feed em{
    padding-left:60px;
    font-size:11px;
    margin-bottom:30px;
    display:block;
}

.user-feed h5{
    font-size:14px;
    padding-left:60px;
    margin-bottom:0px;
}

.user-feed p{
    font-size:13px;
}

.user-item .user-item-image{
    width:45px;
    height:45px;
    border-radius:45px;
    color:#FFFFFF;
    line-height:45px;
    text-align:center;
    position:absolute;
}

.user-item em{
    padding-left:60px;
    font-size:11px;
    margin-bottom:30px;
    display:block;
}

.user-item h5{
    font-size:14px;
    padding-left:60px;
    margin-bottom:0px;
}

.user-item p{
    font-size:13px;
}

.user-item .user-item-icon-1{
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    position:absolute;
    top:6px;
    right:40px;
    border-radius:30px;
    font-size:11px;
}

.user-item .user-item-icon-2{
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    position:absolute;
    top:6px;
    right:0px;
    border-radius:30px;
    font-size:11px;
}

.user-item .user-item-icon-3{
    width:70px;
    height:30px;
    text-align:center;
    line-height:30px;
    position:absolute;
    top:6px;
    right:0px;
    border-radius:30px;
    font-size:11px;
}

/*Fullscreen Pages*/

.cover-page{
    position:relative;
    background-size:cover;
    background-position:center center;
}

.cover-page .overlay{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:1;
}

.boxed-layout{
    padding:5px;   
}

.cover-page-content{
    position:absolute;
    z-index:2;
    top:50%;
    left:50%;
}

.cover-buttons{
    z-index:2;
    position:absolute;
    bottom:0px;
    width:100%;
    padding:20px 20px;
}

.cover-buttons .cover-button-left{
    float:left;
    color:rgba(255,255,255,0.5);
}

.cover-buttons .cover-button-right{
    float:right;
    color:rgba(255,255,255,0.5);
}

.page-error{
    width:300px;
}

.unboxed-layout .page-error h1{
    font-size:30px;
    font-weight:600!important;
    text-align:center;
    margin-bottom:0px;
}

.unboxed-layout .page-error h4{
    text-align:center;
    margin-bottom:20px;
    font-weight:400!important;
    font-size:14px;
}

.unboxed-layout .page-error p{
    text-align:center;
    max-width:300px;
    color:rgba(255,255,255,0.7);
}

.unboxed-layout .page-error a{
    width:70px;
    height:70px;
    line-height:65px;
    font-size:20px;
    margin:0 auto;
    text-align:center;
    border-radius:70px;
}

.boxed-layout{
    border-radius:20px;
}

.boxed-layout .page-error h1{
    font-size:30px;
    font-weight:600!important;
    text-align:center;
    margin-bottom:0px;
    margin-top:20px;
}

.boxed-layout .page-error h4{
    text-align:center;
    margin-bottom:20px;
    font-weight:400!important;
    font-size:14px;
}

.boxed-layout .page-error p{
    color:#666666;
    text-align:center;
    max-width:300px;
    padding:0px 20px;
}

.boxed-layout .page-error a{
    width:70px;
    height:70px;
    line-height:65px;
    font-size:20px;
    margin:0 auto;
    text-align:center;
    border-radius:70px;
    margin-bottom:20px;
}

/*--Page Soon--*/

.page-soon{width:300px;}
.date-years, date-years em{display:none;}
.countdown-class div{width:25%; float:left;}

.unboxed-layout .page-soon h1{
    font-size:30px;
    text-align:center;
}

.unboxed-layout .page-soon h4{
    text-align:center;
    font-size:14px;
    font-weight:400!important;
    margin-bottom:20px;
}

.unboxed-layout .page-soon p{
    text-align:center;
    margin-bottom:30px;
    padding-bottom:30px;
}

.unboxed-layout .countdown-class{
    font-size:24px;
    text-align:center;
}

.unboxed-layout .countdown-class em{
    font-size:12px;
    display:block;
    text-align:center;
    font-style:normal;
}

.boxed-layout .page-soon h1{
    font-size:30px;
    text-align:center;
    margin-top:20px;
}

.boxed-layout .page-soon h4{
    text-align:center;
    font-size:14px;
    font-weight:400!important;
    margin-bottom:20px;
}

.boxed-layout .page-soon p{
    text-align:center;
    margin-bottom:20px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
}

.boxed-layout .countdown-class{
    font-size:24px;
    text-align:center;
}

.boxed-layout .countdown-class em{
    font-size:12px;
    display:block;
    text-align:center;
    font-style:normal;
    margin-bottom:20px;
}

/*---Page Login---*/

.page-login{
    width:280px;
    margin-left:auto;
    margin-right:auto;
}

.page-login .page-login-logo{
    width:125px;
    height:100px;
    background-image:url(../images/pages-logo-dark.png);
    background-size:125px 100px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:40px;
}

.page-login .login-password input, 
.page-login .login-mail input, 
.page-login .login-date input, 
.page-login .login-input input{
    -webkit-appearance: none;
    padding-top:0px;
    padding-bottom:0px;
    height:45px;
    line-height:45px;
    width:100%;
    display:block;
    margin-bottom:20px;
    font-size:12px;   
    padding-left:50px;
    transition:all 250ms ease;
}

.page-login .login-password i, 
.page-login .login-mail i, 
.page-login .login-date i, 
.page-login .login-input i{
    -webkit-appearance: none;
    position:absolute;
    z-index:10;
    width:20px;
    text-align:center;
    margin-top:14px;
    margin-left:11px;
}

.page-login .login-password input:focus, 
.page-login .login-mail input:focus, 
.page-login .login-date input:focus, 
.page-login .login-input input:focus{
    border-bottom:solid 2px #27ae60;
    transition:all 250ms ease;
}

.page-login .login-forgot:hover,
.page-login .login-create:hover,
.page-login .login-already:hover{
    transition:all 250ms ease;
}

.page-login .login-forgot i,
.page-login .login-create i,
.page-login .login-already i{
    padding-right:10px;
    padding-left:10px;
}

.page-login .login-already{
    text-align:center;
    font-size:12px;
    margin-bottom:20px;
    transition:all 250ms ease;
}

.page-login .login-create{
    width:50%;
    float:right;
    text-align:right;
    font-size:12px;
    margin-bottom:30px;
    transition:all 250ms ease;
}

.page-login .login-forgot{
    width:50%;
    float:left;
    text-align:left;
    font-size:12px;
    margin-bottom:30px;
    transition:all 250ms ease;
}

/*PageApp Login*/

.pageapp-login{
    width:300px;
}

@media(max-width:331px){
    .pageapp-login .page-login-logo{
        display:none;   
        width:102px;
        height:81px;
        background-size:102px 81px;
    }
}

@media(min-width:331px){
    .pageapp-login .pageapp-login-logo{
        width:130px;
        height:100px;
        background-size:130px 100px;
    }
}

.pageapp-login .pageapp-login-logo{
    background-image:url(../images/pages-logo-light.png);
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}

.cover-field{
    margin-bottom:20px;
}

.cover-field input{
    width:100%;
    height:45px;
    font-size:12px;
    line-height:45px;
    line-height:100%;
    font-size:12px;
    padding-left:50px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.set-today{
    line-height:45px!important;
}

.cover-field input:focus{
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;   
}

.cover-field i{
    position:absolute;
    height:45px;
    line-height:45px;
    text-align:center;
    width:45px;
    opacity:0.5;
}

.pageapp-login-button{
    height:40px;
    line-height:40px;
    padding:0px 0px;
    width:100%;
    font-weight:400;
    font-size:11px!important;
    text-align:center;
}

.pageapp-login-button i{
    position:absolute;
    left:0px;
    line-height:40px;
    width:40px;
    padding:0px;
    text-align:center;
}

/*--Coverpage Slider--*/

.coverpage-slider{
    margin-bottom:0px;
}

.coverpage-slider .cover-center{  position:absolute;   top:50%; left:50%; position:absolute; z-index:10; width:300px;}
.coverpage-slider .cover-left{    position:absolute;   top:50%; left:30px; position:absolute; z-index:10;}
.coverpage-slider .cover-right{   position:absolute;   top:50%; right:30px; position:absolute; z-index:10;}

.coverpage-slider .cover-slide h1{
    font-size:40px;
    line-height:50px;
    padding-bottom:10px;
}

.coverpage-slider .cover-slide h2{
    font-size:32px;
    line-height:50px!important;
    font-weight:600!important;
    padding-bottom:10px;
}

.coverpage-slider .cover-slide h3{
    font-size:28px;
    padding-bottom:10px;
}

.coverpage-slider .cover-slide h4{
    font-size:24px;
    padding-bottom:10px;
}

.coverpage-slider .cover-slide h5{
    font-size:20px;
    padding-bottom:10px;
}

.coverpage-slider .cover-slide h6{
    font-size:16px;
    padding-bottom:10px;
}

.coverpage-slider .cover-slide p{
    color:#b2b2b2;
}

.coverpage-slider .cover-icon-center{
    font-size:24px!important;
    width:70px;
    height:70px;
    line-height:68px!important;
    text-align:center;
    margin-left:auto!important;
    margin-right:auto!important;
    display:block!important;
    margin-bottom:50px!important
}

.coverpage-slider .cover-screen{background-size:cover; background-position: center center;}

/*----TaskLists----*/

.tasklist-item{
    height:65px;
    line-height:65px;
    margin-bottom:0px;
    padding-bottom:0px;
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease; 
}

.tasklist-item i:first-child{
    position:absolute;
    height:65px;
    line-height:65px;
    width:40px;
    text-align:center;
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease; 
}

.tasklist-item h5{
    padding-left:50px;
    line-height:65px;
    font-size:14px;
    margin-top:0px;
    font-weight:500;
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease; 
}

.tasklist-red{        border-left:solid 4px #c0392b;    }
.tasklist-green{      border-left:solid 4px #27ae60;    }
.tasklist-blue{       border-left:solid 4px #2980b9;    }
.tasklist-orange{     border-left:solid 4px #d35400;    }
.tasklist-yellow{     border-left:solid 4px #f1c40f;    }
.tasklist-gray{       border-left:solid 4px #666666;    }
.tasklist-dark{       border-left:solid 4px #1f1f1f;    }
.tasklist-magenta{    border-left:solid 4px #8e44ad;    }

.tasklist-completed{
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease; 
}

.tasklist-completed i:first-child{
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease;   
}

.tasklist-completed h5{
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease; 
}

/*---Checklists---*/

.checklist-square{
    font-size:14px;
    font-weight:500;
    background-image:url(../images/framework/checkbox.png);
    background-size:16px 18px;
    background-position:0px 26px;
    background-repeat:no-repeat;
    padding-left:30px;
    padding-bottom:20px;
    padding-top:20px;
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease; 
}

.checklist-square-selected:hover{
    text-decoration:line-through!important;
}

.checklist-square-selected{
    background-image:url(../images/framework/checkboxc.png);
    text-decoration:line-through;
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease; 
}

.checklist-round{
    font-size:14px;
    font-weight:500;
    background-image:url(../images/framework/radio.png);
    background-size:16px 18px;
    background-position:0px 26px;
    background-repeat:no-repeat;
    padding-left:30px;
    padding-bottom:20px;
    padding-top:20px;
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease; 
}

.checklist-round-selected:hover{
    text-decoration:line-through!important;
}

.checklist-round-selected{
    background-image:url(../images/framework/radioc.png);
    text-decoration:line-through;
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease; 
}

/*---Reminders---*/

.reminder-check-square{
    background-image:url(../images/framework/checkbox.png);
    background-repeat:no-repeat;
    background-size:16px 18px;
    background-position:10px 40px;
}

.reminder-check-round{
    background-image:url(../images/framework/radio.png);
    background-repeat:no-repeat;
    background-size:16px 18px;
    background-position:10px 40px;
}

.reminder i{
    padding-right:10px;
}

.reminder-check-square-selected{
    background-image:url(../images/framework/checkboxc.png);
}

.reminder-check-round-selected{
    background-image:url(../images/framework/radioc.png);
}

.reminder-check-square-selected em{opacity:0.3; transition:all 200ms ease;}
.reminder-check-square-selected strong{opacity:0.3; transition:all 200ms ease;}

.reminder-check-round-selected em{opacity:0.3; transition:all 200ms ease;}
.reminder-check-round-selected strong{opacity:0.3; transition:all 200ms ease;}

.reminder strong{
    font-size:16px;
    font-weight:800;
    padding-left:50px;
    margin-bottom:-4px;
    display:block;
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease; 
}

.reminder em{
    display:block;
    padding-left:50px;
    font-style:normal;
    font-size:12px;
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease; 
}

.reminder{
    padding-bottom:20px;
    padding-top:20px;
}

/*---Timeline 1---*/

.pageapp-timeline-1{
    overflow:hidden;
    margin-top:-20px;
}

.pageapp-timeline-1 .timeline-decoration{
    width:1px;
    height:10000px;
    position:absolute;
    left:50%;
    margin-left:-1px;
    top:0px;
}

.pageapp-timeline-1 p{
    margin-bottom:5px;
}

.pageapp-timeline-1 .timeline-text,
.pageapp-timeline-1 .timeline-video,
.pageapp-timeline-1 .timeline-event,
.pageapp-timeline-1 .timeline-quote,
.pageapp-timeline-1 .timeline-image{
    display:block;
    padding-top:20px;
    padding-bottom:20px;
}

.pageapp-timeline-1 .timeline-icon{
    padding-top:20px;
    padding-bottom:2px;
    margin-bottom:20px;
    margin-top:20px;
    display:block;
}

.pageapp-timeline-1 .timeline-icon i{
    font-size:18px;
    width:60px;
    height:60px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    line-height:60px;
    text-align:center;
    border-radius:60px;
    margin-bottom:20px;
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease; 
}

.pageapp-timeline-1 .responsive-image,
.pageapp-timeline-1 .gallery img{
    padding:3px;
    margin-bottom:10px;
}

.pageapp-timeline-1 .timeline-event .event-link i{padding-right:10px}
.pageapp-timeline-1 .timeline-event .event-maps i{padding-right:10px}

.pageapp-timeline-1 .timeline-event .event-link{
    font-size:12px;
    text-align:center;
}

.pageapp-timeline-1 .timeline-event .event-maps{
    font-size:12px;
    text-align:center;
    margin-bottom:10px;
}

.pageapp-timeline-1 .timeline-event .gallery a{
    padding-bottom:0px;
}

/*---Timeline 2---*/

.pageapp-timeline-2{
	margin-top:30px;	
}

.pageapp-timeline-2 .timeline-item{
    position:relative;
    z-index:10!important;
}

.pageapp-timeline-2 .timeline-decoration{
	position:absolute;
	width:1px;
	height:96%;
	z-index:2;
	margin-left:25px;
}

.pageapp-timeline-2 .timeline-icon{
    position:relative;
    z-index:9;
	width:70px;
	height:100%;
	float:left;
}

.pageapp-timeline-2 .timeline-text{
	display:inline-block;
	padding-left:70px;
	margin-top:-48px;
	min-height:100px;
	width:100%;	
}

.pageapp-timeline-2 .timeline-text .subtitle{
	font-size:11px;
	font-style:normal;
	display:block;
	margin-top:-10px;
	color:#e34e47;
	margin-bottom:20px;
}

.pageapp-timeline-2 .timeline-text p{
	margin-top:-10px;	
}

.pageapp-timeline-2 .timeline-icon i{
    cursor:pointer;
	margin-left:auto;
	margin-right:auto;
	width:50px;
	height:50px;
	border-radius:50px;
	font-size:17px;
	line-height:50px;
	text-align:center;
}

.pageapp-timeline-2 .timeline-quote .title{
	font-size:14px;
	line-height:30px;	
	font-weight:300;
	margin-bottom:20px;
	margin-top:-10px;
}

.pageapp-timeline-2 .timeline-quote .subtitle{
	display:block;
	text-align:right;	
}

@media (min-width:768px){
	.pageapp-timeline-2{
		padding-left:30px;
		padding-right:30px;	
	}
	
	.pageapp-timeline-2 .timeline-decoration{
		position:absolute;
		width:1px;
		height:96%;
		z-index:2;
		margin-left:32px;
	}
	
	.pageapp-timeline-2 .timeline-icon{
		width:150px;
		height:100%;
		float:left;
		display:inline;
	}
	
	.pageapp-timeline-2 .timeline-text{
		display:inline-block;
		padding-left:100px;
		margin-top:-52px;
	}

	.pageapp-timeline-2 .timeline-icon i{
        cursor:pointer;
        margin-left:auto;
        margin-right:auto;
        width:65px;
        height:65px;
        border-radius:65px;
        font-size:17px;
        line-height:65px;
        text-align:center;
	}
	
	.pageapp-timeline-2 .timeline-quote .title{
		font-size:14px;
		line-height:30px;	
		font-weight:300;
		margin-bottom:20px;
		margin-top:-3px;
	}

}


/*Store Home 1*/

.store-slider{
    background-color:#000000;
}

.store-slider h3{
    width:100%;
    padding-top:20px;
    padding-bottom:15px;
    position:absolute;
    bottom:-10px;
    padding-left:20px;
    padding-right:20px;
    font-size:16px;
    font-weight:500;
    line-height:30px;
}

.store-slider em{
    font-size:12px;
    position:absolute;
    z-index:10;
    right:0px;
    width:60px;
    text-align:center;
    padding-right:5px;
    font-style:normal;
    padding-top:2px;
    padding-bottom:2px;
    font-weight:500;
}

.store-slider em u{
    font-size:10px;
    position:absolute;
    margin-top:-5px;
    text-decoration:none;
}

.store-thumbnails .overlay{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:9;
}

.store-thumbnails u{
    height:40px;
    top:50%;
    margin-top:-20px;
    line-height:20px;
    display:block;
    position:absolute;
    width:100%;
    text-align:center;
    z-index:99;
    text-decoration:none;
    font-size:16px;
    text-transform:uppercase;
    font-weight:600;
    filter:blur(0px);
    -webkit-filter:blur(0px);
}

.category-slider a em{
    font-size:12px;
    display:block;
    text-align:center;
    font-style:normal;
}

.category-slider a strong{
    display:block;
    text-align:center;
    margin-top:-5px;
    margin-bottom:-9px;
}

.category-slider a u{
    display:block;
    font-size:11px;
    text-decoration:none;
    text-align:center;
    margin-bottom:10px;
}

.category-title{
    text-align:left;
    padding-left:20px;
    font-size:14px;
    height:50px;
    line-height:50px;
    margin-bottom:0px;
    font-weight:600;
}

.category-title a{
    font-size:12px;
    float:right;
    padding-right:20px;
    font-weight:400;
}

.badge-store{
    margin-bottom:30px;
    padding-top:10px;
    padding-bottom:30px;
}

.badge-store h2{
    padding-left:30px;
    padding-right:30px;
    font-weight:800!important;
    font-size:18px;
    font-family:'Roboto', sans-serif;
    line-height:26px;
    padding-bottom:18px;
}

.badge-store p{
    padding-left:30px;
    padding-right:30px;
    padding-top:20px;
    margin-bottom:20px;
}

.badge-store .badge-image{
    position:relative;
    width:300px;
    margin-left:auto;
    margin-right:auto;
}

.badge-store .badge-image img:nth-child(1){
    position:absolute;
    width:150px;
    height:150px;
    top:50%;
    margin-top:-75px;
    left:-10px;
    opacity:0.5;
}

.badge-store .badge-image img:nth-child(2){
    position:absolute;
    width:150px;
    height:150px;
    top:50%;
    margin-top:-75px;
    right:-10px;
    opacity:0.5;
}

.badge-store h3{
    text-align:center;
    padding-top:30px;
    font-size:22px;
}

.badge-store p{
    text-align:center;
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
}

.badge-store-buttons{
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
}

@media(min-width:768px){
    .badge-store p{
        max-width:500px;   
    }
    .badge-store-buttons{
        max-width:500px;
    }
}

.badge-store .badge-image img:nth-child(3){
    width:70%;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}

.badge-read{float:right; padding-right:30px;}
.badge-cart{float:left; padding-left:30px; padding-right:0px;}
.badge-share{float:left; padding-left:0px; padding-right:0px;}



.store-slider-item-description h3{
    margin-top:20px;
    margin-bottom:-5px;
}

.store-slider-item-description h4{
    float:right;
    margin-top:-22px;
    font-size:16px;
    margin-bottom:0px;
}

.store-slider-item-description h6{
    float:right;
    font-weight:400;
    font-size:12px;
    text-decoration:line-through;
    margin-top:-5px;
}

.store-slider-category{
    display:inline-block;
    font-size:10px;
    margin-top:-15px;
    margin-bottom:10px;
    font-style:italic;
}

.store-slider-buttons{
    width:180px;
    margin-left:auto;
    margin-right:auto;
}

.store-slider-buttons a{
    width:40px;
    height:40px;
    border-radius:40px;
    line-height:42px;
    text-align:center;
    float:right;
    margin-left:10px;
    margin-right:10px;
}

/*Store Items*/

.store-item{
    width:48%;
    float:left;
    margin-bottom:20px;
}

@media(min-width:768px){
    .store-item{
        width:23%;
        margin-left:1%!important;
        margin-right:1%!important;
    }

}

.store-items img{
    display:block;
    width:100%;
}

.store-item:nth-last-child(even) {
    margin-left:4%;
}

.store-item strong{
    display:block;
    font-weight:500;
    padding-top:5px;
}

.store-item em{
    display:block;
    font-size:12px;
    font-style:normal;
    text-align:left;
}

.store-item .discount{
    position:absolute;
    margin-top:-29px;
    right:0px;
    text-decoration: line-through;
    color:#e74c3c;
}

.store-item .offer{
    position:absolute;
    margin-top:-29px;
    right:0px;
}

.store-item .offer i{
    padding-right:10px;
}

.store-item-button-1{
    position:absolute;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    right:0px;
    margin-top:-35px;
    font-size:12px;
}

.store-item-button-2{
    position:absolute;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    right:0px;
    margin-top:-35px;
    margin-right:45px;
    color:#FFFFFF;
    font-size:12px;
    background-color:rgba(0,0,0,0.8);
}

.store-item-button-3{
    position:absolute;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    right:0px;
    margin-top:-35px;
    margin-right:90px;
    font-size:12px;
}

/*Store Item List*/

@media(min-width:768px){
    .store-item-list a {
        width:50%;
        float:left;
    }
    
    .store-item-list a em{
        padding-right:30px;   
    }
    
    .store-strip{
        width:49.3%;
        float:left;
        margin-left:5px;
    }
}

.store-item-list{
    margin-bottom:30px;
}

.store-item-list a{
    margin-bottom:30px;
}

.store-item-list a img{
    width:130px;
}

.store-item-list a strong{
    font-size:15px;
    font-weight:600;
    padding-left:20px;
    position:absolute;
    top:0px;
    padding-left:150px;
}

.store-item-list a em{
    position:absolute;
    top:29px;
    padding-left:150px;
}

.store-item-list a u{
    position:absolute;
    margin-top:-30px;
    font-size:11px;
    text-decoration:none;
    padding-left:5px;
    padding-right:5px;
    font-weight:600;
}

/*Store Coverpage*/

.coverpage-slider .cover-store{
    position:absolute;
    bottom:-20px;
    z-index:10;
    padding-left:30px;
    padding-right:30px;
}

.cover-store{
    position:absolute;
    bottom:0px;
    z-index:10;
    padding-left:30px;
    padding-right:30px;
}

@media(min-width:760px){
    .cover-store{
        width:350px;   
    }
}

.cover-store h4{
    font-weight:400;
    line-height:35px;
    margin-bottom:0px;
    font-size:24px;
}

.cover-store h5{
    font-size:12px;
    font-weight:400;
}

.cover-store .button-more-cover{
    width:100px;
    height:40px;
    margin-bottom:50px;
    line-height:40px;
    float:left;
}

.cover-store .button-love-cover{
    float:left;
    width:40px;
    height:40px;
    margin-bottom:50px;
    line-height:40px;
    text-align:center;
}

.cover-store .button-share-cover{
    float:left;
    width:40px;
    height:40px;
    margin-bottom:50px;
    line-height:40px;
    text-align:center;
}

.cover-store .button-shopping-cart{
    float:left;
    width:40px;
    height:40px;
    margin-bottom:50px;
    line-height:40px;
    text-align:center;
}

@media(min-width:760px){
    .coverpage-slider .cover-store{
        width:350px;   
    }
}

.coverpage-slider .cover-store h4{
    font-weight:400;
    line-height:30px!important;
    margin-bottom:0px;
    font-size:20px!important;
}

.coverpage-slider .cover-store h5{
    font-size:12px!important;
    font-weight:400;
}


/*Store Cart 1*/
.store-cart-1 .cart-item{
    height:80px;
    margin-bottom:30px;
    display:block;
}

.store-cart-1 .cart-item img{
    width:80px;
    height:80px;
    position:absolute;
}

.store-cart-1 .cart-item h1{
    padding-left:100px;
    font-size:16px;
    margin-bottom:-3px;
    padding-bottom:0px;
}

.store-cart-1 .cart-item h2{
    position:absolute;
    right:0px;
    top:0px;
    font-size:14px;
    padding-top:1px;
}

.store-cart-1 .cart-item h3{
    font-weight:400;
    padding-left:100px;
    font-size:12px;
    font-style:normal;
    margin-top:-5px;
}

.store-cart-1 .cart-item h4{
    width:100px;
    left:90px;
    position:absolute;
    margin-top:-2px;
}

.store-cart-1 .cart-item h4 a:first-child{
    position:absolute;
    margin-top:-2px;
    font-size:10px;
    height:35px;
    width:35px;
    text-align:center;
    line-height:35px;
}

.store-cart-1 .cart-item h4 a:last-child{
    position:absolute;
    margin-top:-2px;
    margin-left:60px;
    font-size:10px;
    height:35px;
    width:35px;
    text-align:center;
    line-height:35px;
}

.store-cart-1 .cart-item h4 input{
    position:absolute;
    width:30px;
    height:20px;
    margin-top:5px;
    line-height:20px;
    font-size:11px;
    margin-left:32px;
    padding:0px;
    text-align:center;
}

.store-cart-1 .cart-item h5{
    position:absolute;
    width:35px;
    height:35px;
    position:absolute;
    line-height:35px;
    text-align:center;
    font-size:12px;
    right:-10px;
    margin-top:-5px;
}

@media(min-width:768px){
    .store-cart-1 .cart-item{
        width:46%;
        float:left;
        margin-left:4%;
    }
}

@media(min-width:1024px){
    .store-cart-1 .cart-item{
        width:29%;
        float:left;
        margin-left:4%;
    }
}

.large-costs{
    width:100%!important;
}

.cart-costs h5{
    line-height:40px;
}

.cart-costs h5 strong{
    width:50%;
    float:left;
    font-weight:400;
    font-size:14px;
}

.cart-costs h5 em{
    width:50%;
    float:right;
    text-align:right;
    font-weight:400;
    font-size:14px;
    font-style:normal;
}

.cart-costs h6{
    line-height:40px;
}

.cart-costs h6 strong{
    font-size:15px;
    width:50%;
    float:left;
    font-weight:600;
}

.cart-costs h6 em{
    font-size:15px;
    width:50%;
    float:right;
    text-align:right;
    font-style:normal;
}

@media(min-width:768px){
    .store-cart-1 .cart-costs{
        width:320px;
        margin-left:auto;
        margin-right:auto;
    }
}


/*Store Cart 2*/

.store-cart-2 .cart-item{
    margin-bottom:20px;
}

@media(max-width:600px){
    .store-cart-2 .cart-item:nth-child(2n+1){
        width:48%;
        float:left;
    }

    .store-cart-2 .cart-item:nth-child(2n+2){
        width:48%;
        float:left;
        margin-left:4%;
    }
}

@media(min-width:600px) and (max-width:1024px){
    .store-cart-2 .cart-item:nth-child(3n+1){
        width:30%;
        float:left;
    }

    .store-cart-2 .cart-item:nth-child(3n+2){
        width:30%;
        float:left;
        margin-left:5%;
        margin-right:5%;
    }    
    
    .store-cart-2 .cart-item:nth-child(3n+3){
        width:30%;
        float:left;
    }
}

@media(min-width:1024px){
    .store-cart-2 .cart-item:nth-child(6n+1){
        width:16%;
        float:left;
        margin-right:0.7%
    }

    .store-cart-2 .cart-item:nth-child(6n+2){
        width:16%;
        float:left;
        margin-right:0.7%
    }    
    
    .store-cart-2 .cart-item:nth-child(6n+3){
        width:16%;
        float:left;
        margin-right:0.7%
    }    
    
    .store-cart-2 .cart-item:nth-child(6n+4){
        width:16%;
        float:left;
        margin-right:0.7%
    }

    .store-cart-2 .cart-item:nth-child(6n+5){
        width:16%;
        float:left;
        margin-right:0.7%
    }    
    
    .store-cart-2 .cart-item:nth-child(6n+6){
        width:16%;
        float:left;
    }
}

.store-cart-2 .cart-item img{
    display:block;
    width:100%;
}

.store-cart-2 .cart-item h1{
    text-align:center;
    font-size:16px;
    margin-bottom:0px;
    padding-bottom:0px;
    margin-top:5px;
}

.store-cart-2 .cart-item h2{
    position:absolute;
    right:0px;
    top:0px;
    font-size:12px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    padding-right:10px;
}

.store-cart-2 .cart-item h3{
    font-weight:400;
    text-align:center;
    font-size:12px;
    font-style:normal;
    margin-top:0px;
}

.store-cart-2 .cart-item h4{
    width:100px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    height:30px;
}

.store-cart-2 .cart-item h4 a:first-child{
    position:absolute;
    margin-top:-2px;
    font-size:10px;
    height:35px;
    width:35px;
    text-align:center;
    line-height:35px;
}

.store-cart-2 .cart-item h4 a:last-child{
    position:absolute;
    margin-top:-2px;
    margin-left:60px;
    font-size:10px;
    height:35px;
    width:35px;
    text-align:center;
    line-height:35px;
}

.store-cart-2 .cart-item h4 input{
    position:absolute;
    width:30px;
    height:20px;
    margin-top:5px;
    line-height:20px;
    font-size:11px;
    margin-left:32px;
    padding:0px;
    text-align:center;
}

.store-input h6{
    font-weight:600;
    font-size:15px;
}

.store-input input{
    font-size:13px;
    width:100%;
    height:40px;
    line-height:40px;
    padding-left:10px;
    padding-right:10px;
    font-style:italic;
    margin-bottom:15px;
    transition:all 250ms ease;
}

.store-input input:focus{
    font-style:normal;
}

.store-input select{
    font-size:13px;
    width:100%;
    height:40px;
    line-height:40px;
    padding-left:10px;
    padding-right:10px;
    font-style:italic;
    margin-bottom:20px;
    transition:all 250ms ease;
    background-image: url("");
    background-repeat:no-repeat;
    background-position:98% 50%;
    -webkit-appearance: none;
}

.store-input select:focus{
    font-style:normal;
}

.payment-menthods a img{
    width:50px;
    margin-right:10px;
    margin-bottom:20px;
    float:left;
}

.payment-menthods h6{
    font-weight:600;
    font-size:15px;
}

/*Store About*/

.store-about-image{
    height:100px;
}

.store-about-image img{
    width:150px;
    height:150px;
    margin-left:auto;
    margin-right:auto;
    margin-top:-75px;
    border-radius:150px;
    position:absolute;
    left:50%;
    margin-left:-75px;
}

/*Store History*/
.store-history-item img{
    position:absolute;
    width:100px;
    height:100px;
}

.store-history-item{
    margin-bottom:30px;
}

.store-history-item h1{
    font-size:16px;
    padding-left:120px;
    margin-bottom:0px;
}

.store-history-item h2{
    font-size:13px;
    padding-left:120px;
    font-weight:500;
    margin-top:-10px;
    margin-bottom:5px;
}

.store-history-item h3{
    font-size:12px;
    padding-left:120px;
    margin-bottom:0px;
}

.store-history-item h4{
    font-size:12px;
    padding-left:120px;
    margin-bottom:0px!important;
    padding-bottom:0px!important;
}

.store-history-item h6{
    position:absolute;
    top:70px;
    width:100px;
    text-align:center;
    font-size:11px;
    font-weight:600;
}

.store-history-toggle .toggle-title strong{
    padding-left:10px;
    padding-right:10px;
    margin-right:10px;
    font-size:13px;
    padding-top:5px;
    padding-bottom:5px;
    font-weight:500;
}

.store-history-toggle .toggle-title{
    font-size:14px!important;
}

/*Store Product*/

.store-product-socials{
    width:240px;
    margin:0 auto;
}

.store-product-socials a{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    float:left;
    margin-left:5px;
    margin-right:5px;
}

/*Store Card*/

.store-card-item em{
    position:absolute;
    top:5px;
    left:5px;
    z-index:10;
    padding-left:10px;
    padding-right:10px;
    font-style:normal;
    height:40px;
    line-height:40px;
}

.store-card-item em u{
    font-size:10px;
    margin-top:-3px;
    float:right;
}

.store-card-item h3{
    width:100%;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
    position:absolute;
    bottom:-10px;
    font-size:16px;
}

.store-card-item .store-card-cart{
    position:absolute;
    top:5px;
    right:5px;
    height:40px;
    width:50px;
    line-height:40px;
    text-align:center;
}

.store-card-item .store-card-heart{
    position:absolute;
    top:5px;
    right:60px;
    height:40px;
    width:50px;
    line-height:40px;
    text-align:center;
}

/*--SiteMap Page--*/

@media(max-width:340px){
    .sitemap-box a{
        font-size:11px!important;   
    }
}

.sitemap-box{
    margin-bottom:30px!important;
}

.sitemap-box a{
    line-height:40px;
    font-size:14px;
    width:50%;
    float:left;
    margin-bottom:15px;
}

@media(min-width:768px){
    .sitemap-box a{
        width:25%;   
    }
}

.sitemap-box a i{
    font-size:14px;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    border-radius:35px;
    margin-right:10px;
    transition:all 250ms ease;
}

/*-- News Template --*

/*News Cover*/

.news-slider h3{
    width:100%;
    padding-top:40px;
    padding-bottom:10px;
    position:absolute;
    bottom:-10px;
    padding-left:20px;
    padding-right:20px;
    font-size:18px;
    font-weight:500;
    line-height:30px;
}

.active-home-tab{
    transition:all 250ms ease;
}

.home-tabs a:hover{
    transition:all 250ms ease;
}

.home-tabs a{
    font-size:15px;
    font-weight:500;
    width:33.3%;
    float:left;
    text-align:center;
    transition:all 250ms ease;
}

.thumb-layout-page a{
    display:none;
}

.thumb-layout a{
    margin-bottom:30px;
    min-height:95px;
}

.thumb-layout img{
    width:95px;
    position:absolute;
}

.thumb-layout strong{
    display:block;
    padding-left:110px;
    padding-top:0px;
    font-size:17px;
    line-height:15px;
    padding-bottom:10px;
}

.thumb-layout em{
    padding-left:110px;
    display:block;
    font-style:normal;
    line-height:25px;
}

.badge-news{
    margin-bottom:30px;
    padding-top:30px;
    padding-bottom:30px;
    margin-top:0px;
}

.badge-news h2{
    padding-left:30px;
    padding-right:30px;
    font-weight:800!important;
    font-size:18px;
    font-family:'Roboto', sans-serif;
    line-height:26px;
    padding-bottom:18px;
}
    
.badge-news em{
    position:absolute;
    z-index:10;
    right:0px;
    padding:5px 15px;
    font-style:normal;
    font-weight:600;
    line-height:25px;
}

.badge-news p{
    padding-left:30px;
    padding-right:30px;
    padding-top:20px;
    margin-bottom:20px;
}

.badge-read{float:right; padding-right:30px;}
.badge-share{float:left; padding-left:30px; padding-right:10px;}
.badge-favorite{float:left; padding-left:10px; padding-right:20px;}

.card-small-layout{
    margin-bottom:5px;
}

.card-small-layout strong{
    position:absolute;
    height:105px;
    width:235px;
    bottom:0px;
    font-size:14px;
    padding-left:20px;
    padding-right:20px;
    padding-top:15px;
    font-weight:700;
    line-height:24px;
}

.card-small-layout em{
    position:absolute;
    font-size:10px;
    font-style:normal;
    bottom:5px;
    padding-left:20px;
    padding-right:20px;
}

.card-small-layout u{
    text-decoration:none;
}

.card-large-layout{
    margin-bottom:30px;
}

.card-large-layout-page .card-large-layout{
    display:none;
}

.card-small-layout-page a{
    display:none;
}

@media(min-width:768px){
    .thumb-layout a{
        width:50%;
        float:left;
        padding-right:20px;
        margin-bottom:50px;
    }
    
    .card-small-layout{
        width:49%;
        float:left;
        margin-right:2px;
        margin-left:5px;
    }
    
    .card-large-layout{
        width:49%;
        float:left;
        margin-right:2px;
        margin-left:5px;
    }
}

.card-large-layout strong{
    position:absolute;
    height:105px;
    width:235px;
    bottom:0px;
    font-size:14px;
    padding-left:20px;
    padding-right:20px;
    padding-top:15px;
    font-weight:700;
    line-height:24px;
}

.card-large-layout em{
    position:absolute;
    font-size:10px;
    font-style:normal;
    bottom:5px;
    padding-left:20px;
    padding-right:20px;
}

.card-large-layout u{
    text-decoration:none;
}

.card-large-layout p{
    padding-left:30px;
    padding-right:30px;
    padding-top:20px;
}

#tab-3{display:none;}
#tab-2{display:none;}

.coverpage-slider .cover-news{
    position:absolute;
    bottom:-30px;
    z-index:10;
    padding-left:30px;
    padding-right:30px;
}

.cover-news{
    position:absolute;
    bottom:0px;
    z-index:10;
    padding-left:30px;
    padding-right:30px;
}

@media(min-width:760px){
    .cover-news{
        width:350px;   
    }
}

.cover-news h4{
    font-weight:400;
    line-height:35px;
    margin-bottom:0px;
    font-size:24px;
}

.cover-news h5{
    font-size:12px;
    font-weight:400;
}

.cover-news .button-more-cover{
   width:100px;
    height:40px;
    margin-bottom:50px;
    line-height:40px;
    float:left;
}

.cover-news .button-love-cover{
    float:left;
    width:40px;
    height:40px;
    margin-bottom:50px;
    line-height:40px;
    text-align:center;
}

.cover-news .button-share-cover{
    float:left;
    width:40px;
    height:40px;
    margin-bottom:50px;
    line-height:40px;
    text-align:center;
}

@media(min-width:760px){
    .coverpage-slider .cover-news{
        width:350px;   
    }
}

.coverpage-slider .cover-news h4{
    font-weight:400;
    line-height:30px!important;
    margin-bottom:0px;
    font-size:20px!important;
}

.coverpage-slider .cover-news h5{
    font-size:12px!important;
    font-weight:400;
}

.coverpage-slider .cover-screen{background-size:cover; background-position: center center;}

/*News Article Share*/

.news-article-share a{
    width:20%;
    float:left;
    text-align:center;
    font-size:15px;
}

.news-article-share a i{
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
}

.news-article-small-text{
    font-size:12px;
}

.news-article-large-text{
    height:45px;
    overflow:hidden;
}

.news-article-large-text img{
    position:absolute;
    width:45px;
    height:45px;
}

.news-article-large-text a{
    font-weight:600;
}

.news-article-large-text em:nth-child(2){
    font-style:normal;
    font-size:12px;
    padding-left:60px;
    line-height:15px;
    display:block;
}

.news-article-large-text em:nth-child(3){
    font-style:normal;
    font-size:12px;
    padding-left:60px;
    line-height:15px;
}

.news-article-overlay-text{
    font-size:12px;
    position:absolute;
    width:100%;
    z-index:9999;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:5px;
    padding-top:5px;
    text-align:left;
    margin-top:-40px;
}

.news-article-overlay-text a{
    font-weight:500;
}

.heading-badge{
    border-top:none!important;
    border-right:none!important;
}

/*News Archive*/

.thumb-layout a u{
    font-size:12px;
    display:block!important;
    width:100%;
    text-align:right;
    font-size:12px;
    font-weight:500;
    text-decoration:none;
}

.thumb-layout a u i:last-child{
    padding-left:10px;
    padding-right:5px;
}

.profile-categories a{
    line-height:50px;
    font-size:12px;
}

.profile-categories a em{
    position:absolute;
    right:15px;
    width:23px;
    height:23px;
    line-height:23px;
    border-radius:23px;
    margin-top:15px;
    text-align:center;
    font-size:10px;
    font-style:normal;
}

.profile-categories a:last-child{
    border:none!important;
}

/*----Blog Template----*/

@media(min-width:768px){
    .page-blog{
        width:60%;
        float:left;
    }
    
    .page-blog-sidebar{
        width:35%;
        float:left;
        margin-left:5%;
    }
}

.page-blog-list p{
    margin-bottom:20px
}

.page-blog-list img{
    margin-bottom:20px;
}

.page-blog-list .page-blog-list-by{
    width:200px;
}

.page-blog-list .page-blog-list-by img{
    width:40px;
    height:40px;
    border-radius:40px;
    position:absolute;
    margin-top:4px;
}

.page-blog-list .page-blog-list-by strong{
    padding-left:55px;
    font-size:12px;
    font-weight:500;
    display:inline;
}

.page-blog-list .page-blog-list-by strong a{
    display:inline;
}

.page-blog-list .page-blog-list-by em{
    padding-left:55px;
    font-size:11px;
    margin-top:-11px;
    display:block;
    opacity:0.5;
    margin-bottom:20px;
    clear:both;
}

.page-blog-list .page-blog-tags{
    display:block;
    margin-top:-10px;
    margin-bottom:10px;
    font-size:12px;
    font-weight:500;
}

.page-blog-list .page-blog-tags a{
     display:inline;
}

.page-blog-list-more i{
    float:right;
    width:40px;
    height:40px;
    margin-top:-66px;
    font-size:12px;
    text-align:center;
    line-height:40px;
    border-radius:40px;  
    transition:all 200ms ease;
}

.page-blog-list-more i:hover{
    transition:all 200ms ease;
}

.page-blog-list-share i{
    margin-right:55px;
    float:right;
    width:40px;
    height:40px;
    margin-top:-66px;
    font-size:12px;
    text-align:center;
    line-height:40px;
    border-radius:40px;
    transition:all 200ms ease;
}

.page-blog-list-share i:hover{
    transition:all 200ms ease;
}

/*----Page Blog Sidebar---*/
/*Search*/

.blog-sidebar-search i{
    position:absolute;
    top:12px;
}

.blog-sidebar-search input{
    height:40px;
    width:100%;
    background-color:transparent;
    font-size:12px;
    padding-left:30px;
    transition:all 200ms ease;
}

.blog-sidebar-search input:focus{
    transition:all 200ms ease;
}

.blog-sidebar-text p{
    font-size:12px;
    margin-bottom:20px;
}

/*Recent*/

.blog-sidebar-recent-projects a{
    width:30%;
    float:left;
    overflow:hidden;
    margin-right:3%;
    margin-bottom:3%;
}

.blog-sidebar-recent-projects a img{
    display:block;
    width:100%;
}

.blog-sidebar-recent-posts a:last-child{
    border-bottom:none;
    padding-bottom:0px;
}

.blog-sidebar-recent-posts a{
    padding-bottom:10px;
    margin-bottom:10px;
}

.blog-sidebar-recent-posts strong{
    display:block;
}

.blog-sidebar-recent-posts em{
    display:block;
    font-size:10px;
    margin-top:-10px;
    font-style:normal;
    font-weight:600;
}

.blog-sidebar-recent-posts i{
    position:absolute;
    top:0px;
    right:0px;
    width:40px;
    height:40px;
    line-height:44px;
    text-align:center;
    font-size:20px;
}

/*Categories*/

.blog-sidebar-categories a:last-child{
    border-bottom:none;
    padding-bottom:0px;
}

.blog-sidebar-categories a{
    font-size:12px;
    padding-top:5px;
    padding-bottom:5px;
    font-weight:500;
}

.blog-sidebar-categories a em{
    font-size:10px;
    padding-left:6px;
    padding-right:6px;
    padding-top:2px;
    padding-bottom:2px;
    margin-left:10px;
    font-style:normal;
    border-radius:3px;
}

.blog-sidebar-categories a i{
    position:absolute;
    right:0px;
    top:18px;
}

/*Blog Comments*/

.blog-post-comment-nested{
    padding-left:50px;   
}

.blog-post-comment em{
    display:block;
    font-size:12px;
}

.blog-post-comment strong{
    font-size:15px;
}

.blog-post-comment .blog-post-comment-reply{
    text-align:right;
    width:40px;
    float:right;
    margin-top:-25px;
    font-size:12px;
}

.blog-post-comment-add strong{
    display:block;
}

.blog-post-comment-add em{
    display:block;
    text-align:right;
    font-size:10px;
    margin-top:-30px;
}

.blog-post-comment-add input:focus{
    transition:all 250ms ease;
}
    
.blog-post-comment-add input{
    display:block;
    width:100%;
    height:40px;
    padding-left:0px;
    font-size:12px;
    margin-bottom:20px;
    transition:all 250ms ease;
}

.blog-post-comment-add textarea{
    font-weight:500;
    padding-left:0px;
    padding-top:10px;
    padding-bottom:10px;
    overflow:visible;
    font-size:12px;
    line-height:30px;
    display:block;
    width:100%;
    max-height:10000px;
    transition:all 250ms ease;
}

.blog-post-comment-add textarea:focus{
    transition:all 250ms ease;    
}

/*----Full Map----*/

.map-fullscreen{
    margin-bottom:0px!important;
    padding-bottom:0px!important;
    cursor:pointer;
}

.map-fullscreen  .overlay{
    opacity:0.70;
    position:absolute;
    width:100%;
    height:100%;
    z-index:9;
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease;  
}

.map-fullscreen .deactivate-map{
    position:absolute;
    z-index:10;
    font-size:13px;
    height:60px;
    bottom:60px;
    margin-bottom:0px!important;
    line-height:60px;
    padding:0px;
    opacity:1;
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease;  
}

.map-fullscreen .map-text{
    position:absolute;
    z-index:99;
    width:280px;
    height:100px;
    top:50%;
    margin-top:-50px;
    left:50%;
    margin-left:-140px;
    opacity:1;
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease;  
}

.map-fullscreen .map-text h3{
    font-size:24px;
    text-align:center;
}

.map-fullscreen .map-text p{
    text-align:center;
    font-size:13px;
    opacity:0.6;
    padding-top:0px;
}

.hide-map{
    opacity:0!important;
    pointer-events:none;
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
            transition: all 250ms ease;  
}

/*--Page Contact--*/

.field-title{
    padding-left:0px!important;
    margin-left:0px!important;
}

.contactField{
    transition:all 250ms ease;
}

.contactField:focus{
    transition:all 250ms ease;
}

.contactTextarea{
	font-size:12px;
    transition:all 250ms ease;
}

.contactTextarea:focus{
    transition:all 250ms ease;
}

.contactSubmitButton{
	line-height:19px!important;
	display:block!important;
	height:36px!important;
	margin-right:4px;
	width:100%;
}

.contact-form{
	margin-bottom:20px;
}

.contactNameField{
	padding-bottom:5px;	
	font-size:12px;
}

.contactNameField span{
	float:right;
	opacity:0.2;
}

.contactEmailField{
	padding-bottom:5px;
	font-size:12px;
}

.contactEmailField span{
	float:right;
	opacity:0.2;
}

.contactMessageTextarea{
	padding-bottom:5px;
	font-size:12px;
}

.contactMessageTextarea span{
	float:right;
	opacity:0.2;
}

.formFieldWrap{
	margin-top:-5px;	
}

#contactNameField{
	text-transform:capitalize;
}

.contactField{
	min-width:100%;	
	display:block;
	box-sizing:border-box;
}

.contactTextarea{
	min-width:100%;
	display:block;
	box-sizing:border-box;
}

.buttonWrap{-webkit-appearance:none;
	line-height:20px;
	padding-bottom:24px;
	min-width:43%;
	display:inline-block;
}

.formSubmitButtonErrorsWrap a{
	width:25%;
	text-align:center;
	padding:8px 10px!important;
}

.contactFormButton #contactSubmitButton{
    height:45px!important;
    line-height:30px!important;
    font-size:13px;
    font-weight:400;
    font-family:'Roboto', sans-serif;
}

.formValidationError{
    height:40px;
    line-height:40px;
    padding-top:5px;
    margin-bottom:20px;
}

.contactField{
	height:40px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}

.contactTextarea{
	margin-bottom: 20px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 18px;
	height: 80px;
}

/*-------------------*/
/*---Contact Icons---*/
/*-------------------*/

.contact-call{
	height:25px;
    margin-bottom:5px;
    display:block;
}

.contact-call i{
	width:12px;
	margin-right:20px;	
}

.contact-text{
	height:25px;
	display:block;
    margin-bottom:5px;
}

.contact-text i{
	width:12px;
	margin-right:20px;
}

.contact-mail{
	height:25px;
    margin-bottom:5px;
    display:block;
}

.contact-mail i{
	width:12px;
	margin-right:20px;	
}

.contact-facebook{
	height:25px;
    margin-bottom:5px;
    display:block;
}

.contact-facebook i{
	width:12px;
	margin-right:20px;	
}

.contact-twitter{
	height:25px;
    display:block;
}

.contact-twitter i{
	width:12px;
	margin-right:20px;	
}

/*---Homepage Slider---*/

.slider-wrapper{
    overflow:hidden;
}

.homepage-slider .slider-caption{
    position:absolute;
    bottom:0px;
    z-index:10;
    width:100%;
    padding-top:50px;
    padding-left:20px;
    padding-right:20px;
}

.homepage-slider .slider-caption h3{
    margin-bottom:0px;
    font-size:18px!important;
    font-weight:400!important;
}

.homepage-slider .slider-caption p{
    margin-bottom:20px;
}

.circle-slider img{
    border-radius:100%;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    margin-bottom:-30px;
}

.circle-slider .slider-caption h3{
    margin-top:50px!important;
    margin-bottom:5px!important;
}


.homepage-cover{
    position:absolute;
    bottom:30px;
    width:100%;
    padding-left:30px;
    padding-right:30px;
    z-index:9999;
}

.homepage-cover h4{
    font-size:20px!important;
    padding-bottom:0px!important;
}

.homepage-cover .share-cover{
    float:left;
    width:50%;
    text-align:left;
}

.homepage-cover .share-cover i{padding-right:10px;}

.homepage-cover .read-cover{
    color:#FFFFFF;
    float:right;
    width:50%;
    text-align:right;
}

.homepage-cover .read-cover i{padding-left:10px;}

/*--- Splash Screen--*/

.splash-content{
    width:100%;
    position:absolute;
    z-index:15;
    top:50%;
    height:380px;
    margin-top:-190px;
}

.splash-screen{
    background-size:cover;
    background-position:center centerl
}

.splash-screen  .overlay{
    z-index:10;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%; 
}

.splash-content img{
    width:80px;
    margin-left:auto;
    margin-right:auto;
}

.splash-content h4{
    margin-top:20px;
    text-align:center;
    font-size:30px;
    color:#FFFFFF;
}

.splash-content h5{
    text-align:center;
    font-size:14px;
    font-weight:400;
}

.splash-content p{
    margin-top:30px;
    margin-bottom:40px;
    width:280px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.splash-content .splash-button{
    display:block;
    width:150px;
    height:40px;
    line-height:36px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    border-radius:5px;
    font-weight:400;
    transition:all 250ms ease;
    font-size:13px;
}

.splash-content .splash-button:hover{
    transition:all 250ms ease;
}

/*Mobile UI Elements*/
/*------------------*/

/*Mobile UI Lockscreen*/
.bg-1{
    background-image:url(../images/bg/1.jpg);
    background-size:cover;
    background-position:center center;
}

.mobile-ui-lockscreen{
    top:60px;
}

.mobile-ui-lockscreen .overlay{
    position:fixed;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background-color:rgba(0,0,0,0.6);
}

.lockscreen-header{
    position:relative;
    z-index:999;
    text-align:center;
    width:100%;
    display:block;
    margin-top:40px;
    margin-bottom:20px;
}

.lockscreen-header h3{
    color:#FFFFFF;
    z-index:999999;
    height:50px;
    font-size:76px;
    line-height:50px;
    font-weight:200;
}

.lockscreen-header p{
    color:rgba(255,255,255,0.7);
    font-size:15px;
    letter-spacing:1px;
}

.lockscreen-notifications{
    position:relative;
    z-index:9999;
    margin-top:-10px;
}

.lockscreen-notifications a{
    padding-top:20px;
    padding-bottom:20px;
    max-width:300px;
    margin-left:auto;
    margin-right:auto;
    border-bottom:solid 1px rgba(255,255,255,0.1);
}

.lockscreen-notifications i{
    height:40px;
    width:40px;
    line-height:40px;
    text-align:center;
    border-radius:10px;
    position:absolute;
    margin-left:10px;
}

.lockscreen-notifications{
    overflow:hidden;
}

.lockscreen-notifications-scroll{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; /* Decrease this value for cross-browser compatibility */
    overflow: auto;
    -webkit-overflow-scrolling: touch;   
}

.lockscreen-notifications u{
    text-decoration:none;
    color:#FFFFFF;
    position:absolute;
    font-size:10px;
    top:13px;
    right:0px;
    color:rgba(255,255,255,0.5)
}

.lockscreen-notifications strong{
    font-weight:600;
    font-size:14px;
    color:#FFFFFF;
    display:block;
    padding-bottom:3px;
}

.lockscreen-notifications em{
    font-size:13px;
    display:block;
    color:rgba(255,255,255,0.8);
    font-style:normal;
    padding-left:70px;
    padding-right:15px;
    line-height:18px;
}

.lockscreen-home{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    color:#FFFFFF;
    font-size:16px;
    border:solid 1px rgba(255,255,255,1);
    border-radius:50px;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    z-index:9999;
}

/*Mobile UI AppDrawer */
.home-background{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-size:cover;
    background-position:center center;
}

.square-icons .home-social i{border-radius:0px!important;}
.square-icons .home-slide-icons a i {border-radius:0px!important;}
.square-icons .home-main-icons a i {border-radius:0px!important;}

.rounded-icons .home-social i{border-radius:10px!important;}
.rounded-icons .home-slide-icons a i {border-radius:10px!important;}
.rounded-icons .home-main-icons a i {border-radius:10px!important;}

.circle-icons .home-social i{border-radius:100%!important;}
.circle-icons .home-slide-icons a i {border-radius:100%!important;}
.circle-icons .home-main-icons a i {border-radius:100%!important;}

.rounded-icons a strong{border-radius:15px!important;}
.circle-icons a strong{border-radius:100%!important;}

.overlay-teal{background-color:rgba(22, 160, 133,0.7);}
.overlay-green{background-color:rgba(39, 174, 96,0.7);}
.overlay-blue{background-color:rgba(41, 128, 185,0.7);}
.overlay-magenta{background-color:rgba(142, 68, 173,0.7);}
.overlay-yellow{background-color:rgba(243, 156, 18,0.7);}
.overlay-red{background-color:rgba(192, 57, 43,0.7);}
.overlay-orange{background-color:rgba(211, 84, 0,0.7);}
.overlay-gray{background-color:rgba(127, 140, 141,0.8);}
.overlay-night{background-color:rgba(44, 62, 80,0.7);}
.overlay-dark{background-color:rgba(0,0,0,0.7);}

.home-slide-icons strong:nth-child(1), .home-main-icons strong:nth-child(1){
    position:absolute;
    width:58px;
    height:58px;
    z-index:1;
    top:0px;
}

.home-slide-icons strong:nth-child(2), .home-main-icons strong:nth-child(2){
    position:absolute;
    width:58px;
    height:58px;
    z-index:2;
    top:0px;
}

.homepage-cover-slider{
    background-color:rgba(0,0,0,0.7);
}

.homepage-cover-slider .owl-dots{
    bottom:105px;
    transform:scale(0.5, 0.5)!important;
    -webkit-transform:scale(0.5, 0.5)!important;
}

.homepage-cover-slider .fa-mobile{
    font-size:250%;
}

.home-main-icons{
    z-index:9999999;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    height:100px;
    overflow:hidden;
    background-color:rgba(0,0,0,0.4);
}

.home-slide-icons{
    position:relative;
    z-index:99;
}

.home-slide-icons a{
    float:left;
    text-align:center;
    font-size:30px;
    color:#FFFFFF;
}

.home-slide-icons a{
    font-size:12px;
    color:#FFFFFF;
    float:left;
    text-align:center;
    margin-top:14px;
    z-index:2;
}

.home-slide-icons a em{
    display:block;
    text-align:center;
    font-style:normal;
    font-weight:300;
    letter-spacing:0.1px;
}

.home-slide-icons a i{
    font-size:26px;
    width:50px;
    height:50px;    
    line-height:50px;
    margin-bottom:0px;
    z-index:10;
    position:relative;
}

@media(max-width:340px){
    .home-slide-icons a{
        font-size:11px;
        margin-bottom:5px;
    }
    
    .home-slide-icons a i{
        font-size:20px;
        height:45px;
        width:45px;
        line-height:45px;
    }
    .home-slide-icons strong:nth-child(1), .home-main-icons strong:nth-child(1){
        position:absolute;
        width:45px;
        height:45px;
        z-index:1;
    }
    .home-slide-icons strong:nth-child(2), .home-main-icons strong:nth-child(2){
        position:absolute;
        width:45px;
        height:45px;
        z-index:2;
        top:0px;
    }    

    .home-main-icons .home-slide-icons a{padding-top:0px!important;}    
    .home-main-icons .home-slide-icons i{font-size:22px;}
    .home-main-icons .home-slide-icons strong, .home-main-icons .home-slide-icons i{
        margin-top:0px!important;
        width:45px!important;
        height:45px!important;
        line-height:45px!important;
        text-align:center;
    }  
}

@media(min-width:340px) and (max-width:768px){
    .home-slide-icons a i{
        height:65px;
        width:65px;
        line-height:65px;
    }
    .home-slide-icons strong:nth-child(1), .home-main-icons strong:nth-child(1){
        position:absolute;
        width:65px;
        height:65px;
        z-index:1;
    }
    .home-slide-icons strong:nth-child(2), .home-main-icons strong:nth-child(2){
        position:absolute;
        width:65px;
        height:65px;
        z-index:2;
        top:0px;
    }
    
    .home-main-icons .home-slide-icons a{padding-top:0px!important;}    
    .home-main-icons .home-slide-icons i{font-size:22px;}
    .home-main-icons .home-slide-icons strong, .home-main-icons .home-slide-icons i{
        margin-top:0px!important;
        width:55px!important;
        height:55px!important;
        line-height:55px!important;
        text-align:center;
    }  
}

@media(min-width:768px){
    .home-slide-icons a i{
        height:70px;
        width:70px;
        line-height:70px;
    }
    .home-slide-icons strong:nth-child(1), .home-main-icons strong:nth-child(1){
        position:absolute;
        width:70px;
        height:70px;
        z-index:1;
    }
    .home-slide-icons strong:nth-child(2), .home-main-icons strong:nth-child(2){
        position:absolute;
        width:70px;
        height:70px;
        z-index:2;
        top:0px;
    }
    
    .home-main-icons .home-slide-icons a{padding-top:0px!important;}    
    .home-main-icons .home-slide-icons i{font-size:22px;}
    .home-main-icons .home-slide-icons strong, .home-main-icons .home-slide-icons i{
        margin-top:0px!important;
        width:55px!important;
        height:55px!important;
        line-height:55px!important;
        text-align:center;
    }    
}

/*Animation for Main icons and Dots*/
.homepage-cover-slider .owl-dots{
    opacity:0;
    transition:all 250ms ease;
}

.home-main-icons{
    -moz-transform: translateY(120px);
    -webkit-transform: translateY(120px);
    -o-transform: translateY(120px);
    -ms-transform: translateY(120px);
    transform: translateY(120px);
    transition:all 250ms ease;
}

.show-main-icons{
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity:1!important;
    transition:all 250ms ease;
}

.hide-header-icons{
    -moz-transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    opacity:1!important;
    transition:all 250ms ease;
}

/*Home Intro*/
.flashing-arrows{
    width:200px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:20px;
    font-weight:100!important;
    color:rgba(255,255,255,0.7);
}

.flashing-arrows i{
    margin-right:-3px;
    font-weight:200!important;
}

.blinker-1{
    -webkit-animation-name: blinker1;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 0s;
    
    -moz-animation-name: blinker1;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: infinite;
    -moz-animation-delay: 0s;
    
    animation-name: blinker1;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-delay: 0s;
}

@-moz-keyframes blinker1 {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker1 {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

@keyframes blinker1 {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

.blinker-2{
    -webkit-animation-name: blinker2;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 0.15s;
    
    -moz-animation-name: blinker2;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: infinite;
    -moz-animation-delay: 0.15s;
    
    animation-name: blinker2;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-delay: 0.15s;
}

@-moz-keyframes blinker2 {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker2 {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

@keyframes blinker2 {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

.blinker-3{
    -webkit-animation-name: blinker3;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 0.3s;
    
    -moz-animation-name: blinker3;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: infinite;
    -moz-animation-delay: 0.3s;
    
    animation-name: blinker3;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-delay: 0.3s;
}

@-moz-keyframes blinker3 {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker3 {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

@keyframes blinker3 {  
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

.home-intro, .home-outro{
    position:absolute;
    top:50%;
    left:50%;
    width:300px;
}

.home-logo{
    background-image:url(../images/home-logo.png);
    background-size:140px 150px;
    height:150px;
    width:140px;
    margin-left:auto;
    margin-right:auto;
}

.home-intro h2{
    font-size:50px;
    color:#FFFFFF;
    text-align:center;
    font-family:'Satisfy', cursive;
    font-weight:300;
    padding-bottom:20px;
}

.home-intro h3, .home-outro h3{
    font-size:28px;
    color:#FFFFFF;
    text-align:center;
    font-weight:900;
    text-transform:uppercase;
    padding-bottom:0px;
}

.home-intro h4, .home-outro h4{
    font-size:14px;
    color:rgba(255,255,255,0.6);
    text-align:center;
    font-weight:500;
    text-transform:uppercase;
    padding-bottom:20px;
}

.home-intro p, .home-outro p{
    max-width:300px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    line-height:34px;
    font-weight:300;
    color:rgba(255,255,255,0.6);
}

.home-social{
    position:absolute;
    bottom:10px;
    left:50%;
    margin-left:-125px;
    width:250px;
}

.home-social p{
    font-size:12px;
    margin-bottom:0px;
    text-align:center;
}

.home-social a{
    padding:0px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#FFFFFF;
    float:left;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:10px;
}

.home-social a i{
    padding:0px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#FFFFFF;
    float:left;
}

.home-social a i, .home-slide-icons a i, .home-slide-icons a, .home-slide-icons a strong{
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);   
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.hover-icon-effect{
    -moz-transform: scale(1.1, 1.1)!important;
    -webkit-transform: scale(1.1, 1.1)!important;
    -o-transform: scale(1.1, 1.1)!important;
    -ms-transform: scale(1.1, 1.1)!important;
    transform: scale(1.1, 1.1)!important;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

/*Mobile UI Phone*/

.mobile-ui-phone{
    margin-top:40px;
}

.phone-pad{
    width:270px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}

.phone-pad a{
    width:70px;
    height:70px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    border-radius:70px;
    border:solid 1px rgba(255,255,255,0.3);
    margin-bottom:20px;
}

.phone-pad a strong{
    position:absolute;
    width:68px;
    height:68px;
    line-height:55px;
    font-size:25px;
    color:#FFFFFF;
    font-weight:400;
    text-align:center;
}

.phone-pad a u{
    position:absolute;
    width:70px;
    height:70px;
    line-height:68px;
    font-size:25px;
    color:#FFFFFF;
    font-weight:400;
    text-align:center;
    text-decoration:none;
}

.phone-pad a em{
    position:absolute;
    width:68px;
    height:68px;
    font-size:11px;
    font-style:normal;
    color:#FFFFFF;
    text-align:center;
    line-height:100px;
}

.phone-call{
    margin-top:20px;
    width:70px;
    height:70px;
    line-height:70px;
    font-size:20px;
    text-align:center;
    border-radius:80px;
    margin-left:auto;
    margin-right:auto;
    color:#FFFFFF;
    background-color:#27ae60;
}

.phone-dial{
    appearance:none;
    -webkit-appearance:none;
    overflow:hidden;
    padding-top:20px;
    height:100px;
    width:350px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    background-color:transparent;
    color:#FFFFFF;
    display:block;
    font-size:40px;
    font-weight:200!important;
    font-family:'Roboto', sans-serif;
}

.phone-dial-clear{
    position:absolute;
    margin-top:-70px;
    height:60px;
    line-height:60px;
    width:40px;
    text-align:center;
    color:#FFFFFF;
    right:0px;
    z-index:9999999;
}

.phone-calling i{
    font-size:20px;
    height:68px;
    width:68px;
    position:absolute;
    left:0px;
    line-height:68px;
}

.phone-calling a{
    margin-bottom:50px;
}

.phone-calling a em{
    margin-top:40px;
    font-size:13px;
}

.phone-pad a:hover{
    background-color:rgba(255,255,255,0.2);
}

.disabled{display:none;}

.rotate-phone{
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color:#cd4031!important;
}

.dial-interface, .call-interface, .phone-call, .phone-dial{
    position:relative;
    z-index:9999;
}

.call-interface{
    position:absolute;
    top:100px;
    left:50%;
    margin-left:-135px;
}

.mobile-ui-phone .overlay{
    position:fixed;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background-color:rgba(0,0,0,0.6);
}

.dial-interface, .call-interface{
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition:all 250ms ease;   
}

.scale-phone{
    pointer-events:none!important;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition:all 250ms ease;
}

/*Mobile UI Chat*/

/*----Speach Bubbles----*/ 

.green-bubble{
	background-color:#33c922!important;
	color:#FFFFFF!important;
	border:none!important;
}

.blue-bubble{
	background-color:#0b84fe!important;
	color:#FFFFFF!important;
	border:none!important;
}

.speach-image{
    padding:2px!important;
}

.speach-image img{
    border-radius:8px;
}

.speach-left{
	float:left;
	display:inline;
	text-align:left;
	max-width:75%;
	font-size:13px;
    padding:5px 10px;
	border-radius:10px;
	background-color:#FFFFFF;	
	border:solid 1px #cacaca;
}

.speach-left-title{
	display:block;
	width:100%;
	font-size:10px;
	font-style:normal;
	padding-left:5px;
	color:#000000;	
	text-shadow:0px 1px 0px #FFFFFF;
}

.speach-right{
	float:right;
	text-align:right;
	text-align:left;
	max-width:75%;
	font-size:13px;
    padding:5px 10px;
	border-radius:10px;
	background-color:#FFFFFF;	
	border:solid 1px #cacaca;
}

.speach-right-title{
	text-align:right;
	display:block;
	font-size:10px;
	font-style:normal;
	padding-right:5px;
	color:#000000;	
	text-shadow:0px 1px 0px #FFFFFF;
}

.speach-status{
    font-size:11px;
    font-weight:500;
    float:right;
    margin-top:-25px;
    position:relative;
    display:inline;
}

.speach-status i{
    padding-right:5px;
}

.speach-status img{
    width:15px;
    height:15px;
    border-radius:10px;
    float:right;
    margin-top:7px;
    margin-left:10px;
    display:inline;
}

.speach-read i{
    padding-right:5px;
}

.speach-read{
    float:right;
    margin-top:-25px;
    font-size:12px;
    font-weight:500;
    font-style:normal;
}

.chat-page{
    margin-bottom:80px;
}

.chat-input{
    position:fixed;
    height:60px;
    bottom:0px;
    width:100%;
    z-index:99;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
    border-top:solid 1px rgba(0,0,0,0.1);
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.chat-input-clear{height:60px;}

.chat-input a:first-child{
    font-size:12px;
    position:absolute;
    z-index:10;
    height:40px;
    width:40px;
    text-align:center;
    line-height:40px;
    margin-top:8px;
    margin-left:8px;
    border-radius:40px;
    background-color:#1f1f1f;
    color:#FFFFFF;
}

.chat-input a:last-child{
    background-color:#1f1f1f;
    color:#FFFFFF;
    text-align:center;
    width:80px;
    height:40px;
    line-height:40px;
    font-size:12px;
    border-radius:40px;
    top:8px;
    margin-right:8px;
    position:absolute;
    right:0px;
}

@media(min-width:768px){
    .chat-input input{
        width:95%!important;   
    }
}

.chat-input input{
    color:#666666;
    width:90%;
    height:40px;
    margin-top:8px;
    margin-left:22px;
    padding-left:45px;
    font-size:12px;
    border:solid 1px rgba(0,0,0,0.2);
    -webkit-box-shadow:inset 0 2px 10px 3px rgba(0,0,0,0.1);
            box-shadow:inset 0 2px 10px 3px rgba(0,0,0,0.1);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.chat-input input:focus{
    color:#1f1f1f;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

 
/*Mobile UI Contacts*/

.contact-box{
    border-bottom:solid 1px rgba(0,0,0,0.1);
    padding-bottom:10px;
    padding-top:10px;
}

.contact-title img{
    width:40px;
    height:40px;
    border-radius:100px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:20px;
}

.contact-title strong{
    position:absolute;
    top:-5px;
    padding-left:80px;
    color:#1f1f1f;
    font-size:16px;
}

.contact-title em{
    position:absolute;
    top:15px;
    font-size:12px;
    padding-left:80px;
    color:#666666;
}

.contact-title i{
    position:absolute;
    top:0px;
    width:50px;
    height:50px;
    line-height:45px;
    text-align:center;
    right:20px;
    color:#666666;
}

.show-contact-information{
    pointer-events:all!important;
    opacity:1!important;
    transition:all 250ms ease;
}

.hide-contact-information{
    position:absolute;
    top:-3px;
    right:0px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    color:#e74c3c;
}

.contact-information{
    padding-left:20px;
    padding-right:20px;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:#FFFFFF;
    z-index:9999;
    pointer-events:none;
    opacity:0;
    transition:all 250ms ease;
}

.contact-information-scroll{
    padding:20px;
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0; /* Decrease this value for cross-browser compatibility */
    overflow: auto;
    -webkit-overflow-scrolling: touch;   
}

.contact-header{
    height:60px;
    border-bottom:solid 1px rgba(0,0,0,0.1);
    margin-bottom:20px;
}

.contact-header img{
    position:absolute;
    width:40px;
    height:40px;
    border-radius:100px;
}

.contact-header strong{
    font-size:14px;
    position:absolute;
    top:-5px;
    padding-left:60px;
    color:#1f1f1f;
    font-size:16px;
}

.contact-header em{
    position:absolute;
    top:15px;
    font-size:12px;
    padding-left:60px;
    color:#666666;
}

.contact-details{
    border-bottom:solid 1px rgba(0,0,0,0.1);
    margin-bottom:20px;
}

.contact-details h4{
    margin-bottom:20px;
}

.contact-log{
    border-bottom:solid 1px rgba(0,0,0,0.1);    
    padding-bottom:15px;
    margin-bottom:20px;
}

.contact-log h4{
    color:#2980b9;
    text-transform:uppercase;
    font-weight:800;
    display:block;
    font-size:12px;
    width:90px;    
}

.contact-log h5 strong{
    font-size:12px;
    width:80px;
    display:inline-block;
    font-weight:500;
}

.contact-log h5 em{
    font-size:12px;
    font-style:normal;
    font-weight:600;
}

.contact-details h4 strong{
    color:#2980b9;
    text-transform:uppercase;
    font-weight:800;
    display:block;
    font-size:12px;
    width:70px;
}

.contact-details h4 em{
    display:inline-block;
    font-size:14px;
    font-weight:500;
    font-style:normal;
    padding-right:30px;
}

.contact-details h4 a{
    float:right;
    font-size:20px;
    padding-left:15px;
    font-weight:200!important;
    height:40px;
    width:40px;
    text-align:center;
    line-height:40px;
    margin-top:-20px;
}

/*Page Preloader*/

.page-preloader{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:99999999;
    opacity:0;
    pointer-events:none;
    transition:all 250ms ease;
    transition-delay:250ms;
    -webkit-transition-delay:250ms;
}

.page-preloader-light{
    background-color:rgba(255,255,255,0.5);
}

.page-preloader-dark{
    background-color:rgba(0,0,0,0.3);
}

.show-preloader{
    opacity:1!important;
    pointer-events:all!important;
    transition:all 250ms ease;
}

.page-preloader img{
    position:absolute;
    left:50%;
    right:50%;
    top:50%;
    margin-left:-32px;
    margin-top:-32px;
    width:64px;
}

.show-containers{
    opacity:1!important;
    transition:all 500ms ease;
}

#page-content, .landing-page{
    opacity:0;
    transition:all 500ms ease;
}

.containers{
    opacity:0;
    transition:all 0ms ease;
}

/*Page Transitions*/

/*
    This is a minimified version of Animate.CSS built to sustain the animations
    of page transitions. Although it might be tempting to add more animation styles
    we HIGHLY suggest you do not do so. These animations run at full speed and perfect
    fluidity on all devices. Changing them can cause serious performance issues.
*/


.delay-100{
    -webkit-transition-delay: 100ms!important;
            transition-delay: 100ms!important;    
    -webkit-animation-delay: 100ms!important;
            animation-delay: 100ms!important;
    
}

.delay-150{
    -webkit-transition-delay: 150ms!important;
            transition-delay: 150ms!important;    
    -webkit-animation-delay: 150ms!important;
            animation-delay: 150ms!important;
    
}

.delay-200{
    -webkit-transition-delay: 200ms!important;
            transition-delay: 200ms!important;    
    -webkit-animation-delay: 200ms!important;
            animation-delay: 200ms!important;
}


.delay-250{
    -webkit-transition-delay: 250ms!important;
            transition-delay: 250ms!important;    
    -webkit-animation-delay: 250ms!important;
            animation-delay: 250ms!important;
}

.delay-300{
    -webkit-transition-delay: 300ms!important;
            transition-delay: 300ms!important;    
    -webkit-animation-delay: 300ms!important;
            animation-delay: 300ms!important;
}


.delay-350{
    -webkit-transition-delay: 350ms!important;
            transition-delay: 350ms!important;    
    -webkit-animation-delay: 350ms!important;
            animation-delay: 350ms!important;
}

.delay-400{
    -webkit-transition-delay: 400ms!important;
            transition-delay: 400ms!important;    
    -webkit-animation-delay: 400ms!important;
            animation-delay: 400ms!important;
}

.delay-450{
    -webkit-transition-delay: 450ms!important;
            transition-delay: 450ms!important;    
    -webkit-animation-delay: 450ms!important;
            animation-delay: 450ms!important;
}

.animated {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}


@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

/*----Gallery Plugin----*/
/*Swiper 3.3.1*/

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
    float: left;
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width:100%;
    height: 100%;
    position: relative;
}

.swiper-slide .right-text{
    padding-right:20px;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    -moz-transform: translate3d(0px, -50%, 0);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000;
}
/* 3D Container */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px;
}

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
    overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
    -webkit-transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    100% {
    transform: rotate(360deg);
    }
}

/*SwipeBox Plugin*/

.gallery-fix{
	display:none;
	background-color:rgba(255,255,255,0);
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:99999!important;	
}
.swipebox {
  overflow: hidden!important;
}

.swipebox div{
	overflow:visible!important;
}

#swipebox-overlay img {
  border: none!important;
}

#swipebox-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999!important;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

#swipebox-slider {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	white-space: nowrap;
	position: absolute;
	display: none;
}

#swipebox-slider .slide {
	background: url("../images/gallery/loader.gif") no-repeat center center;
	height: 100%;
	width: 100%;
	line-height: 1px;
	text-align: center;
	display: inline-block;
}

#swipebox-slider .slide:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

#swipebox-slider .slide img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	vertical-align: middle;
}

#swipebox-action, #swipebox-caption {
	position: absolute;
	left: 0;
	z-index: 999;
	height: 50px;
	width: 100%;
}

#swipebox-action {
	bottom: -50px;
}

#swipebox-action.visible-bars {
	bottom: 0;
}

#swipebox-action.force-visible-bars {
	bottom: 0!important;
}

#swipebox-caption {
	top: -50px;
	text-align: center;
}
#swipebox-caption.visible-bars {
	top: 0;
}

#swipebox-caption.force-visible-bars {
	top: 0!important;
}

#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
	background-image: url("../images/framework/icons.png");
	background-repeat: no-repeat;
	border: none!important;
	text-decoration: none!important;
	cursor: pointer;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
}

#swipebox-action #swipebox-close {
	background-position: 15px 12px;
	left: 50%;
    margin-left:-25px;
    margin-top:-20px;
    padding-bottom:30px!important;
}

#swipebox-action #swipebox-prev {
	background-position: -32px 13px;
	right: 100px;
    top:100%;
    position:fixed;
    left:10px;
    margin-top:-70px;
}

#swipebox-action #swipebox-next {
	background-position: -78px 13px;
	right: 40px;
    top:100%;
    position:fixed;
    right:10px;
    margin-top:-70px;
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
	opacity: 0.3;
}

#swipebox-slider.rightSpring {
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes rightSpring {
	0% {   margin-left: 0px;   }
	50% {  margin-left: -30px; }
	100% { margin-left: 0px;   }
}

@-moz-keyframes leftSpring {
	0% {   margin-left: 0px;  }
	50% {  margin-left: 30px; }
	100% { margin-left: 0px;  }
}

@-webkit-keyframes rightSpring {
	0% {   margin-left: 0px;   }
	50% {  margin-left: -30px; }
	100% { margin-left: 0px;   }
}

@-webkit-keyframes leftSpring {
	0% {    margin-left: 0px;  }
	50% {   margin-left: 30px; }
	100% {  margin-left: 0px;  }
}

/* Skin*/
#swipebox-overlay {
	background: #0d0d0d;
	opacity:1;
}

#swipebox-action, #swipebox-caption {
	background-color: #0d0d0d;
	opacity: 1;
    bottom:0px;
}

#swipebox-caption {
    padding-top:10px;
    top:0px;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 50px;
    font-weight:500;
	font-family: 'Roboto', sans-serif;
}
